performance

Identify performance bottlenecks and optimize web performance from Lighthouse audits.

Updated Apr 22, 2022

Search Tags:#performance #lighthouse #web #core-web-vitals #optimizations #loading-speed

Ready to run

npx skills add https://github.com/fjavidcr/pasapalabra-js --skill performance-fjavidcr

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/fjavidcr/pasapalabra-js/tree/main/.agents/skills/performance
Command: npx skills add https://github.com/fjavidcr/pasapalabra-js --skill performance-fjavidcr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Optimizes web performance by identifying bottlenecks and applying Lighthouse-based improvements to loading speed, runtime efficiency, and resource usage.

Core Features & Use Cases

Lighthouse-based audits: Identify Core Web Vitals issues and actionable optimizations.
Budget-driven optimization: Apply performance budgets to control page weight and asset sizes.
Code-level improvements: Provide concrete examples and guidance for HTML/CSS/JS to improve speed.
Use Case: A slow e-commerce page reduces TTFB and LCP; use this skill to streamline critical render path and achieve faster Lighthouse scores.

Quick Start

Run a Lighthouse audit on your page and implement the recommended optimizations.

Frequently Asked Questions about performance

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

FAQPage Schema

How do I optimize Core Web Vitals using Lighthouse audits?▼

Optimize Core Web Vitals by running a Lighthouse audit to identify performance bottlenecks, then applying code-level improvements to HTML, CSS, and JS to achieve faster loading speed and better runtime efficiency.

What is the best way to reduce LCP and TTFB on slow web pages?▼

The best way to reduce LCP and TTFB is streamlining the critical render path through Lighthouse-driven tweaks, targeting resource usage and applying measurable code-level improvements for faster loading speed.

How do I apply performance budgets to control web app page weight?▼

Apply performance budgets by setting targets to control page weight and asset sizes, using Lighthouse-based audits to identify violations and enforce optimizations for efficient web app runtimes.

Can I get actionable code-level recommendations to improve loading speed?▼

Yes, you can get actionable code-level recommendations with concrete examples and guidance for HTML, CSS, and JS, providing before and after metrics to ensure measurable web performance improvements.

Does this approach work for optimizing e-commerce page load times?▼

Yes, this approach works for optimizing e-commerce page load times by analyzing the critical render path, reducing Time to First Byte, and applying Lighthouse-driven tweaks to achieve faster Lighthouse scores.

Why does my web app runtime remain slow after basic load optimizations?▼

Your web app runtime remains slow due to unresolved bottlenecks in resource usage and the critical render path; a Lighthouse audit can identify these specific issues for targeted code-level improvements.