web-performance

Identify and remediate web performance bottlenecks affecting Core Web Vitals.

2|Updated Dec 12, 2024

Search Tags:#web-performance #image-optimization #core-web-vitals #lcp #third-party-scripts #inp #cls

Ready to run

npx skills add https://github.com/liomoti/pirkei-avot-finder --skill web-performance-liomoti

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-performance
Source: https://github.com/liomoti/pirkei-avot-finder/tree/main/.kiro/skills/web-performance
Command: npx skills add https://github.com/liomoti/pirkei-avot-finder --skill web-performance-liomoti

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides teams to identify and remediate web performance bottlenecks that degrade user experience by slowing page loads and harming Core Web Vitals, providing a structured approach to diagnose and optimize speed.

Core Features & Use Cases

Measurement: assesses Core Web Vitals (LCP, CLS, INP) and resource loading behavior.
Optimization guidance: covers image/font optimization, JavaScript bundle size, CSS, caching, and third-party script impact.
Use Case: when a site has slow LCP or CLS issues, apply the guide to identify bottlenecks, implement fixes, and validate improvements with real-user metrics.
Validation: provides a repeatable workflow to verify improvements against target thresholds.

Quick Start

Run a Core Web Vitals audit on your site and implement the recommended optimizations.

Frequently Asked Questions about web-performance

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

FAQPage Schema

How do I improve Core Web Vitals like LCP, CLS, and INP?▼

Improve Core Web Vitals by identifying and remediating web performance bottlenecks, applying image and font optimization, bundle reduction, caching, and third-party script management to achieve faster LCP, CLS, and INP targets.

What is the best way to reduce third-party script impact on page load times?▼

The best way to reduce third-party script impact is through structured evaluation and prioritized optimization steps, managing these external resources to prevent them from degrading user experience and slowing page loads.

How do I validate Core Web Vitals improvements against target thresholds?▼

Validate Core Web Vitals improvements using a repeatable workflow that verifies optimizations against concrete metrics and target thresholds, ensuring real-user metrics confirm the remediation of identified bottlenecks.

Does this web performance optimization process work for internal sites?▼

Yes, this web performance optimization process applies to any public or internal site, guiding image and font optimization, bundle reduction, caching, and script management to speed up pages across different environments.

Why does slow LCP happen and how can I fix it?▼

Slow LCP happens when web performance bottlenecks degrade user experience, and you can fix it by diagnosing resource loading behavior, implementing prioritized image and font optimization, and validating improvements.

What causes poor CLS and how do I prevent layout shifts?▼

Poor CLS is caused by web performance bottlenecks related to resource loading behavior, and you prevent layout shifts by applying structured optimization guidance for images, fonts, CSS, and third-party scripts.