skills.rest
yahav123147
yahav123147COMMUNITY
Explore all skills by this author →
GitHub

performance

Analyze Core Web Vitals bottlenecks and prescribe prioritized Lighthouse-style optimizations.

1|Updated Apr 13, 2026
Search Tags:#lighthouse#web performance#core web vitals#image optimization#javascript optimization#caching strategy
One-click install
npx skills add https://github.com/yahav123147/paid-ads-cro-skills --skill performance-yahav123147
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/yahav123147/paid-ads-cro-skills/tree/main/skills/performance
Command: npx skills add https://github.com/yahav123147/paid-ads-cro-skills --skill performance-yahav123147

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill resolves slow page loads and poor Core Web Vitals by pinpointing performance bottlenecks and prescribing targeted optimizations.

Core Features & Use Cases

  • Core Web Vitals–driven analysis: Prioritizes improvements for LCP, FCP, Speed Index, TBT, and TTI using Lighthouse-style performance auditing logic.
  • End-to-end optimization playbook: Covers TTFB, critical rendering path, CSS/JS loading strategies, code-splitting, tree-shaking, and runtime performance (layout thrashing, debouncing, requestAnimationFrame, virtualization).
  • Asset and caching optimization: Improves images (AVIF/WebP/responsive strategies), font loading (preload, font-display), third-party script loading, and caching headers/service-worker style approaches.
  • Use case: If your landing page feels sluggish and metrics like LCP and TBT are failing, this Skill helps you produce a prioritized set of concrete changes with before/after measurement targets.

Quick Start

Optimize the performance of my website by reviewing the Core Web Vitals targets and providing a prioritized set of Lighthouse-style fixes for TTFB, LCP, JavaScript, images, fonts, third-party scripts, and caching.

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 Core Web Vitals and Lighthouse performance score?▼

To improve Core Web Vitals and Lighthouse scores, prioritize bottlenecks like LCP, FCP, and TBT, then apply targeted fixes for TTFB, critical rendering path, and JavaScript delivery to achieve measurable before/after improvements.

What is the best way to optimize images and fonts for web performance?▼

The best way to optimize images and fonts for web performance is converting assets to AVIF or WebP, applying responsive image strategies, and using font preloading with font-display configurations to minimize layout shifts and blocking times.

How do I reduce Total Blocking Time caused by JavaScript optimization issues?▼

Reduce Total Blocking Time by applying JavaScript optimization techniques like code-splitting, tree-shaking, and improving runtime efficiency through debouncing, requestAnimationFrame, and DOM virtualization to minimize main thread execution.

Does my site need a service worker and caching strategy for faster loading?▼

Your site needs a caching strategy using service workers and optimized HTTP headers to lower Time to First Byte (TTFB) and serve static assets efficiently, which directly improves overall page load speed and repeat visit performance.

How to handle third-party scripts slowing down Core Web Vitals?▼

Handle third-party scripts slowing down Core Web Vitals by implementing a deferred loading strategy, prioritizing critical path execution, and auditing their impact on runtime efficiency and Total Blocking Time using a performance-budget mindset.

When should I prioritize TTFB optimization over image optimization?▼

Prioritize TTFB optimization over image optimization when server response delays prevent the browser from starting the critical rendering path, as Lighthouse-style auditing prioritizes fixes by their overall impact on Core Web Vitals bottlenecks.

Related Skills

Explore More Software Engineering Skills→
Greenmamba29Greenmamba29

web-performance-audit

Audits web performance using Core Web Vitals and Lighthouse metrics.

Community
Advanced
MuhamadAnangMuhamadAnang

performance

Analyzes Lighthouse audits and implements optimizations for faster web loading and runtime efficiency.

Community
Advanced
baekenoughbaekenough
34

optimize-bundle

Apply automated build optimizations to reduce JavaScript bundle size.

Community
Intermediate
erwinknerwinkn

vercel-react-best-practices

Optimize React and Next.js application performance with best practices.

Community
Advanced