lighthouse-performance-optimization

Run Lighthouse audits through MCP to identify website performance bottlenecks.

3|2|Updated Oct 10, 2025
One-click install
npx skills add https://github.com/liauw-media/CodeAssist --skill lighthouse-performance-optimization
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lighthouse-performance-optimization
Source: https://github.com/liauw-media/CodeAssist/tree/main/skills/testing/lighthouse-performance-optimization
Command: npx skills add https://github.com/liauw-media/CodeAssist --skill lighthouse-performance-optimization

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance issues degrade user experience and search rankings. Use Lighthouse to measure and drive iterative optimizations.

Core Features & Use Cases

  • Baseline auditing: Run initial Lighthouse to establish scores and Core Web Vitals.
  • Data-driven prioritization: Identify top issues (image optimization, render-blocking JS, etc.).
  • Iterative fixes: Apply targeted improvements and re-audit to verify gains.
  • CI/CD readiness: Integrate audits into pipelines to prevent regressions.

Quick Start

Run a baseline Lighthouse audit on your site, then fix top issues and re-run to verify improvements.

Frequently Asked Questions about lighthouse-performance-optimization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I measure website performance with Lighthouse audits?

Lighthouse audits measure website performance by analyzing load time, Core Web Vitals, accessibility, and SEO. Run an audit through the Lighthouse MCP server to establish baseline scores, identify bottlenecks like render-blocking JavaScript or unoptimized images, and track metrics that impact user experience and search rankings.

What are Core Web Vitals and why do they matter?

Core Web Vitals are Google's key performance metrics: Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS). Lighthouse measures these to show how real users perceive your site's speed and stability, directly affecting search rankings and user retention.

How do I fix performance issues identified by Lighthouse?

After running a baseline Lighthouse audit, prioritize the top issues reported—such as image optimization, removing render-blocking resources, or deferring non-critical JavaScript. Apply fixes iteratively and re-audit to verify improvements against your baseline scores.

Can I integrate Lighthouse audits into my CI/CD pipeline?

Yes. Lighthouse audits can be integrated into CI/CD pipelines to prevent performance regressions before deployment. Run audits as pre-deployment quality checks against your target site to enforce baseline performance standards and catch issues early.

What do I need to run Lighthouse audits?

You need a running Lighthouse MCP server and access to your target website. The Skill enforces baseline measurements and requires an accessible site to audit; it cannot run without both components in place.

Does Lighthouse check accessibility and SEO in addition to performance?

Yes. Lighthouse audits cover performance, accessibility, SEO, and best practices. Beyond Core Web Vitals, it validates accessibility compliance and SEO factors, making it useful for comprehensive pre-deployment quality checks across multiple dimensions.