Skills
.Work. You
Rest

page-speed

Community

Fix Core Web Vitals on funnel pages

Software Engineering#lighthouse#nextjs#web performance#core web vitals#image optimization#font loading#cls fixes
Authorjedmamosto
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It identifies why a funnel page feels slow and fails Core Web Vitals, then provides a fix-by-fix plan to improve LCP, INP, CLS, TTFB, and overall page weight.

Core Features & Use Cases

  • Lighthouse and PageSpeed Insights audit: Compares field (CrUX) and lab (Lighthouse) metrics to avoid guessing.
  • LCP and render-blocking triage: Pinpoints the LCP element and addresses images, fonts, and scripts that delay first render.
  • CLS and performance budget enforcement: Ensures reserved dimensions for images and embeds, and applies budgets like <500KB total weight and <200KB above-fold images.
  • Host-aware shipping guidance: Uses Lovable, Framer, and Vercel defaults instead of recommending custom build pipelines.
  • Re-audit instructions: Recommends confirming improvements after shipping via a re-pull of lab scores and CrUX.

Quick Start

Paste the Lighthouse or PageSpeed Insights report for your funnel URL and ask for a fix-by-fix plan to get LCP under 2.5s, INP under 200ms, and CLS under 0.1 on mobile slow 4G.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: page-speed
Download link: https://github.com/jedmamosto/m-and-ms/archive/main.zip#page-speed

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.