performance-and-perceived-speed
CommunityOptimize web performance for UX impact.
Design & Creative#performance optimization#UX design#web performance#Core Web Vitals#load state design
Authorjpoindexter
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of balancing performance with user experience, ensuring web content loads efficiently and responsively.
Core Features & Use Cases
- Core Web Vitals: Improves LCP, INP, and CLS to meet Google's performance criteria.
- Perceived Performance: Enhances user perception through immediate feedback and loading state design.
- Media Optimization: Implements best practices for image and font performance.
- Offline & Poor-Network UX: Ensures graceful degradation and offline usability.
- Performance Measurement: Utilizes field data to ensure real-world performance.
Quick Start
Run the performance-and-perceived-speed skill to analyze and optimize the web performance of your application.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: performance-and-perceived-speed Download link: https://github.com/jpoindexter/design-and-ai-skills/archive/main.zip#performance-and-perceived-speed Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.