performance

Provide resource hints, image strategies, and caching guidance for Core Web Vitals.

1|Updated Dec 26, 2025

Search Tags:#performance #lazy-loading #image-optimization #core-web-vitals #lcp

One-click install

npx skills add https://github.com/ProfPowell/project-template --skill performance-profpowell

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/ProfPowell/project-template/tree/main/.claude/skills/performance
Command: npx skills add https://github.com/ProfPowell/project-template --skill performance-profpowell

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Slow pages hurt user experience. This Skill provides resource hints, image strategies, and caching guidance to boost Core Web Vitals.

Core Features & Use Cases

Resource Hints: Preconnect, preload, and prefetch for critical assets.
Lazy Loading & Responsive Images: Set fetchpriority and sizes for LCP.
Caching Strategies: Decide cache policies for static vs dynamic content.

Quick Start

Add preconnect hints to your HTML head to accelerate font and API loading.