Summary
If your Lighthouse scores are in the red or users are bouncing because pages feel sluggish, this walks you through the full optimization cycle. It covers the usual suspects: bloated JavaScript bundles, unoptimized images, missing cache headers, and Core Web Vitals issues like layout shift and slow LCP. The examples are thorough, showing before and after code for things like replacing Moment.js with date-fns, implementing lazy loading, and adding proper image dimensions to prevent CLS. What's helpful is the structured approach: measure with Lighthouse, identify bottlenecks, prioritize fixes, then verify improvements. It's practical stuff for when you need to get a site from a 62 performance score to something you won't be embarrassed to ship.
Install to Claude Code
npx -y skills add davila7/claude-code-templates --skill web-performance-optimization --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
