performance

Optimize web loading speed and runtime efficiency from Lighthouse audits.

7|2|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/LuisSambrano/antigravity-config --skill performance-luissambrano
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/LuisSambrano/antigravity-config/tree/main/skills/3-web/wq-performance
Command: npx skills add https://github.com/LuisSambrano/antigravity-config --skill performance-luissambrano

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow website loading times and poor user experience by identifying and implementing critical performance optimizations.

Core Features & Use Cases

  • Bottleneck Identification: Pinpoints issues in code, assets, and server response.
  • Optimization Strategies: Provides actionable code examples for critical rendering path, JavaScript, images, and fonts.
  • Caching & Runtime: Details effective caching mechanisms and runtime performance techniques.
  • Use Case: Improve your site's Lighthouse score by implementing the provided strategies for image optimization and script deferral.

Quick Start

Use the performance skill to optimize the loading speed of the website.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I improve my website's Lighthouse score and Core Web Vitals?

To improve your Lighthouse score, optimize the critical rendering path, defer JavaScript execution, compress images and fonts, and implement effective caching strategies to enhance overall loading speed and runtime efficiency.

What is the best way to identify web performance bottlenecks affecting loading speed?

The best way to identify web performance bottlenecks is by analyzing Lighthouse audits to pinpoint issues in your code, web assets, and server response times that degrade runtime efficiency and user experience.

How do I optimize images and fonts for better web performance?

Optimize images and fonts for web performance by applying actionable code examples for resource optimization, ensuring proper compression, and loading only necessary assets to improve critical rendering path efficiency.

What caching strategies should I use to boost web optimization?

Effective caching strategies to boost web optimization involve implementing detailed mechanisms for storing static assets, reducing server response times, and improving runtime performance for returning visitors.

Does optimizing JavaScript execution improve runtime performance?

Optimizing JavaScript execution directly improves runtime performance by minimizing main thread blocking, allowing the browser to render critical content faster and significantly enhancing overall loading speed.

Why does poor critical rendering path optimization slow down my website?

Poor critical rendering path optimization slows down your website because it forces the browser to delay processing essential HTML, CSS, and JavaScript, directly increasing loading times and degrading user experience.