Will this skill help improve my site's SEO?

Yes, by improving site speed and Core Web Vitals, which are confirmed Google ranking factors, this skill directly supports better search engine visibility.

Does it provide support for image optimization?

Absolutely. It offers guidance on converting assets to modern formats like WebP/AVIF, using responsive image syntax, and implementing native lazy loading.

Can it help reduce my JavaScript bundle size?

Yes, it assists in identifying heavy dependencies, implementing code splitting, and configuring tree shaking to ensure only necessary code is shipped to users.

How does this skill help with Core Web Vitals?

It provides specific implementation patterns for improving Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) through asset optimization and main-thread management.

Web Performance Optimization

Name: Web Performance Optimization
Author: claudiodearaujo

byclaudiodearaujo

0•

分析と監視

Optimizes website speed, Core Web Vitals, and resource efficiency to improve user experience and search engine rankings.

This skill provides a systematic framework for developers to diagnose and resolve performance bottlenecks in web applications. It guides users through a comprehensive five-step process—Measure, Identify, Prioritize, Implement, and Verify—to ensure data-driven improvements. From reducing JavaScript bundle sizes through code splitting and tree shaking to optimizing critical rendering paths and implementing modern image formats like WebP and AVIF, this skill helps achieve superior Lighthouse scores and healthy Core Web Vitals (LCP, FID, CLS) for any frontend project.

主な機能

01JavaScript bundle analysis and dependency optimization

02Core Web Vitals auditing and remediation strategies

03Critical rendering path and render-blocking resource management

04Effective caching strategy and CDN implementation guidance

05Advanced image optimization and responsive asset delivery

060 GitHub stars

ユースケース

01Reducing oversized JavaScript bundles to lower Time to Interactive (TTI)

02Improving slow page load times and failing Lighthouse audits

03Eliminating layout shifts (CLS) and optimizing largest contentful paint (LCP)

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro-front web-performance-optimization

For use in Claude.ai and ChatGPT

Download Skill

主な機能

01JavaScript bundle analysis and dependency optimization

02Core Web Vitals auditing and remediation strategies

03Critical rendering path and render-blocking resource management

04Effective caching strategy and CDN implementation guidance

05Advanced image optimization and responsive asset delivery

060 GitHub stars

ユースケース

01Reducing oversized JavaScript bundles to lower Time to Interactive (TTI)

02Improving slow page load times and failing Lighthouse audits

03Eliminating layout shifts (CLS) and optimizing largest contentful paint (LCP)

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro-front web-performance-optimization

For use in Claude.ai and ChatGPT

Download Skill