Can it help improve my Google Lighthouse scores?

Yes, it specifically targets Core Web Vitals metrics like Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS) to boost your scores.

Is performance tuning important for SEO?

Absolutely. Page speed and Core Web Vitals are critical components of modern search engine ranking factors, and this skill ensures your app meets those high standards.

What frameworks does this skill support?

The Performance Tuning skill is optimized for Next.js, Vite, React, and Python-based backends, covering both frontend and backend optimization.

How does it handle database optimization?

It scans for inefficient data fetching patterns such as N+1 queries and missing pagination in both Python and TypeScript codebases.

Does it analyze JavaScript bundle sizes?

Yes, it includes commands and logic to visualize bundle composition, identify large chunks, and detect unused dependencies like Moment.js or full Lodash builds.

Performance Tuning & Core Web Vitals

Name: Performance Tuning & Core Web Vitals
Author: frvnkfrmchicago

byfrvnkfrmchicago

0•

分析と監視

Optimizes web application performance by analyzing Core Web Vitals, bundle sizes, and rendering strategies to improve load speeds and SEO.

This skill provides a comprehensive framework for auditing and optimizing web applications, specifically focusing on Core Web Vitals like LCP, INP, and CLS. It automates performance measurement using Lighthouse, analyzes JavaScript bundle bloat, suggests efficient rendering strategies (SSG, ISR, SSR), and identifies database bottlenecks like N+1 queries. It is an essential tool for developers looking to reduce load times, fix slow pages, and ensure production-grade performance across Next.js, React, and Python backends.

主な機能

01Database query performance tuning and N+1 pattern detection

020 GitHub stars

03Image and font optimization strategies including lazy loading and font-display

04JavaScript bundle analysis and dependency bloat detection

05Core Web Vitals auditing and threshold measurement (LCP, INP, CLS)

06Automated rendering strategy decision-making (SSG vs. SSR vs. ISR)

ユースケース

01Optimizing backend database query performance to reduce API latency

02Fixing failing Lighthouse scores for Next.js or React applications

03Reducing JavaScript bundle size by identifying and replacing heavy dependencies

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add frvnkfrmchicago/skills-library-v2 performance-tuning

For use in Claude.ai and ChatGPT

主な機能

01Database query performance tuning and N+1 pattern detection

020 GitHub stars

03Image and font optimization strategies including lazy loading and font-display

04JavaScript bundle analysis and dependency bloat detection

05Core Web Vitals auditing and threshold measurement (LCP, INP, CLS)

06Automated rendering strategy decision-making (SSG vs. SSR vs. ISR)

ユースケース

01Optimizing backend database query performance to reduce API latency

02Fixing failing Lighthouse scores for Next.js or React applications

03Reducing JavaScript bundle size by identifying and replacing heavy dependencies

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add frvnkfrmchicago/skills-library-v2 performance-tuning

For use in Claude.ai and ChatGPT