skills.rest
tuanfung
tuanfungCOMMUNITY
Explore all skills by this author →
GitHub

performance-optimization

Profile web application performance and identify bottlenecks using Lighthouse and web-vitals.

Updated Jun 29, 2026
Search Tags:#SEO#performance optimization#web performance#Core Web Vitals#speed optimization
One-click install
npx skills add https://github.com/tuanfung/pqt-agent-skills --skill performance-optimization-tuanfung
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/tuanfung/pqt-agent-skills/tree/main/skills/performance-optimization
Command: npx skills add https://github.com/tuanfung/pqt-agent-skills --skill performance-optimization-tuanfung

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires web-vitals, lighthouse, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses performance bottlenecks and optimizes application speed and responsiveness, enhancing the user experience and SEO rankings.

Core Features & Use Cases

  • Performance Analysis: Identifies slow-loading pages, render-blocking resources, and other performance issues.
  • Optimization Strategies: Implements techniques like code splitting, lazy loading, and caching to improve load times and interactivity.
  • Use Case: For web developers looking to boost their site's LCP, INP, and CLS scores, and to ensure fast, smooth user interactions.

Quick Start

Run the performance-optimization skill to analyze the performance of your website and receive optimization recommendations.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I improve my web application's Core Web Vitals scores?▼

Improve Core Web Vitals scores by profiling your web application to identify performance bottlenecks, render-blocking resources, and slow-loading pages. This provides actionable recommendations like code splitting and lazy loading to enhance LCP, INP, and CLS metrics.

What's the best way to find render-blocking resources affecting load times?▼

Find render-blocking resources by running a performance analysis on your web application. This process profiles the site to identify slow-loading pages and specific resources delaying load times, enabling targeted optimization strategies.

Can I use Lighthouse and web-vitals to reduce interactivity lag?▼

Yes, you can use Lighthouse and web-vitals to reduce interactivity lag by profiling application performance and identifying bottlenecks. These dependencies provide the data needed to implement actionable recommendations for smoother user interactions.

How do I optimize website performance for better SEO rankings?▼

Optimize website performance for SEO by addressing speed and responsiveness bottlenecks that affect user experience. Implementing techniques like caching, code splitting, and lazy loading improves application speed, directly supporting higher SEO rankings.

When do I need to implement code splitting and lazy loading?▼

Implement code splitting and lazy loading when performance profiling identifies slow-loading pages and render-blocking resources. These optimization strategies are recommended to improve load times and reduce interactivity lag in web applications.

Related Skills

Explore More Software Engineering Skills→
chiruu12chiruu12
1

benchmark

Automate web page performance benchmarking to detect regressions in load times and Core Web Vitals.

Community
Advanced
CutTheChexxCutTheChexx

performance-ops

Optimize web performance by reducing bundles and enabling code-splitting.

Community
Advanced
racciolyraccioly

performance-profiling

Run Lighthouse audits and analyze Core Web Vitals to identify performance bottlenecks.

Community
Advanced
DaytimeBluesDaytimeBlues

performance-profiling

Measure Core Web Vitals and analyze bundles with Lighthouse CLI.

Community
Intermediate