skills.rest
RutEsMx
RutEsMxOFFICIAL
Explore all skills by this author →
GitHub

performance

Analyze Lighthouse audits and generate optimization code for web performance bottlenecks.

Updated Jun 8, 2023
Search Tags:#performance#optimization#lighthouse#web performance#core web vitals#loading speed
One-click install
npx skills add https://github.com/RutEsMx/RutEs-Admin --skill performance-rutesmx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/RutEsMx/RutEs-Admin/tree/main/.agents/skills/performance
Command: npx skills add https://github.com/RutEsMx/RutEs-Admin --skill performance-rutesmx

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 resolving performance bottlenecks.

Core Features & Use Cases

  • Performance Audits: Analyzes web performance using Lighthouse metrics.
  • Optimization Strategies: Provides actionable code examples for critical rendering path, image, font, and caching optimizations.
  • Runtime Efficiency: Offers techniques to improve JavaScript execution and reduce layout shifts.
  • Use Case: Improve your website's Core Web Vitals scores to enhance SEO and user engagement by implementing the provided optimization techniques.

Quick Start

Use the performance skill to audit and optimize the loading speed of the provided website URL.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I optimize web performance and improve my Core Web Vitals scores?▼

Optimize web performance by identifying and resolving loading bottlenecks through Lighthouse audits. This improves Core Web Vitals scores by providing specific code examples for critical rendering path, JavaScript, images, fonts, and caching.

What's the best way to reduce website loading speed using Lighthouse metrics?▼

Reduce website loading speed by analyzing Lighthouse metrics to identify bottlenecks. Implement provided optimizations for the critical rendering path, resource loading, and caching to achieve faster loading times and better user experience.

How can I fix JavaScript runtime efficiency and reduce layout shifts?▼

Fix JavaScript runtime efficiency by applying techniques to improve execution and reduce layout shifts. This addresses runtime performance bottlenecks, ensuring smoother rendering and better overall loading speed.

Does this provide code examples for image, font, and caching optimizations?▼

Yes, it provides actionable code examples for image, font, and caching optimizations. These strategies target the critical rendering path and resource loading to effectively resolve performance bottlenecks.

Why does my website have poor loading speed and how do I identify performance bottlenecks?▼

Poor loading speed stems from unresolved bottlenecks in the critical rendering path, JavaScript execution, or resource loading. Identify these performance issues by running Lighthouse audits to analyze web performance metrics.

Can I audit a specific website URL to find loading speed optimizations?▼

Yes, you can audit a specific website URL to find loading speed optimizations. The skill analyzes the provided URL using Lighthouse metrics to deliver targeted recommendations for runtime efficiency and resource optimization.

Related Skills

Explore More Software Engineering Skills→
AlvaGonzAlvaGonz

performance

Identify web performance bottlenecks and measure improvements with Lighthouse metrics.

Community
Advanced
runkidsrunkids
11

performance

Audit web performance with Lighthouse and apply targeted optimizations.

Community
Advanced
PP-NamiasPP-Namias
2

performance-optimization

Analyze web application performance with Lighthouse and PageSpeed Insights.

Community
Advanced
deomiarndeomiarn

performance-audit

Audit website performance with Lighthouse against Core Web Vitals targets.

Community
Intermediate