skills.rest
fjavidcr
fjavidcrCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/fjavidcr/pasapalabra-js --skill performance-fjavidcr
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
GrupoUSGrupoUS
1

performance-profiling

Analyze web performance with Lighthouse audits for Core Web Vitals metrics.

Community
Intermediate
SoborboSoborbo
4

speed-monitoring

Monitor production website performance with Core Web Vitals budgets and alerts.

Community
Advanced
MatheusrlrMatheusrlr
1

perf-astro

Optimize Astro websites with critical CSS inlining and asset compression.

Community
Intermediate
nangyak4415-sudonangyak4415-sudo

optimize

Identify and fix web performance issues in frontend applications.

Community
Intermediate