skills.rest
Portmeo
PortmeoCOMMUNITY
Explore all skills by this author →
GitHub

performance

Audit web performance with Lighthouse and optimize Core Web Vitals.

Updated Aug 27, 2026
Search Tags:#performance#frontend#web vitals#optimization#lighthouse#loading speed
One-click install
npx skills add https://github.com/Portmeo/rag-chat-project --skill performance-portmeo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/Portmeo/rag-chat-project/tree/main/.claude/skills/performance
Command: npx skills add https://github.com/Portmeo/rag-chat-project --skill performance-portmeo

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 providing comprehensive strategies for optimizing web performance.

Core Features & Use Cases

  • Bottleneck Identification: Pinpoints performance issues in code and assets.
  • Optimization Strategies: Offers specific, actionable advice for improving loading speed, runtime efficiency, and resource management.
  • Core Web Vitals Focus: Prioritizes optimizations that directly impact key user experience metrics.
  • Use Case: A user asks to "speed up my e-commerce site," and this Skill provides detailed instructions on optimizing images, deferring non-critical JavaScript, and implementing effective caching strategies to reduce load times and improve conversion rates.

Quick Start

Optimize the performance of the website by auditing its current state and implementing critical rendering path improvements.

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 loading speed and Core Web Vitals?▼

Improve website loading speed by identifying bottlenecks in the critical rendering path, optimizing JavaScript execution, compressing images, and implementing caching strategies to enhance Core Web Vitals.

What is the best way to optimize third-party scripts for web performance?▼

Optimize third-party scripts by managing their execution and resource utilization to prevent runtime bottlenecks, directly improving your site's loading speed and overall user experience.

How do I use Lighthouse audits to fix frontend performance bottlenecks?▼

Use Lighthouse audits to pinpoint frontend performance bottlenecks in resource loading and runtime efficiency, then apply specific optimization strategies to resolve the identified issues.

Can I optimize font loading and image compression for better web vitals?▼

Yes, you can optimize web vitals by implementing font loading strategies and image compression techniques to reduce resource payload and improve critical rendering path efficiency.

Why does my e-commerce site have poor loading speed and how can I fix it?▼

Poor e-commerce loading speed often stems from unoptimized images and non-critical JavaScript; fix it by compressing assets, deferring scripts, and applying effective caching strategies.

What are the limitations of frontend performance optimization strategies?▼

Frontend performance optimization strategies depend on accurate Lighthouse measurements and may require continuous adjustments as third-party scripts and assets change over time.

Related Skills

Explore More Software Engineering Skills→
adrigonz-sftsadrigonz-sfts

performance

Analyze Lighthouse audits and generate web performance optimization code examples.

Community
Advanced
tan-yong-shengtan-yong-sheng
72

performance

Identify web performance bottlenecks and recommend actionable optimizations for Core Web Vitals.

Community
Advanced
SilverAssistSilverAssist
1

web-performance-analysis

Analyze web performance issues with PageSpeed Insights and Lighthouse data.

Official
Intermediate
Tresillo2017Tresillo2017
4

optimize

Measure and improve frontend performance via Core Web Vitals and code-splitting.

Community
Advanced