Anthropic Claudeソフトウェア開発⭐ リポ 0品質スコア 60/100

performance-tuning

Next.js、Vite、React、およびPythonバックエンドにおいて、Core Web Vitals（LCP、INP、CLS）、バンドルサイズ、レンダリング戦略、画像とフォントの読み込み、キャッシング、データベースクエリのパフォーマンスを最適化します。パフォーマンス最適化、読み込み時間の短縮、ページの遅延問題の解決、バンドルサイズの分析、またはユーザーがパフォーマンス、速度、Lighthouse、Web Vitalsについて言及した場合に使用してください。

description の原文を見る

Optimizes Core Web Vitals (LCP, INP, CLS), bundle size, rendering strategy, image and font loading, caching, and database query performance for Next.js, Vite, React, and Python backends. Use when optimizing performance, reducing load time, fixing slow pages, analyzing bundle size, or when user mentions performance, speed, Lighthouse, or Web Vitals.

SKILL.md 本文

注意: このスキルのライセンスは ライセンス未確認 です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。

パフォーマンスチューニング

高速なアプリが勝つ。パフォーマンスはUX。パフォーマンスはSEO。パフォーマンスはコンバージョン。低速は失敗を招く。

フェーズ 1: Core Web Vitals の測定

ターゲット (2026)

メトリクス	良好	改善が必要	不良
LCP (最大コンテンツフルペイント)	< 2.5秒	2.5-4秒	> 4秒
INP (インタラクション〜次のペイント)	< 200ms	200-500ms	> 500ms
CLS (累積レイアウトシフト)	< 0.1	0.1-0.25	> 0.25

実行:

# Lighthouse 監査 (ローカル)
npx lighthouse http://localhost:3000 --output json --output-path report.json 2>/dev/null

# または Chrome: DevTools → Lighthouse → ページロード分析

フェーズ 2: バンドルサイズ分析

実行:

# Next.js バンドル分

...

全文を GitHub の原本で見る →リポジトリ

詳細情報

作者: frvnkfrmchicago
リポジトリ: frvnkfrmchicago/skills-library-v2
ライセンス: 不明
最終更新: 2026/3/9

GitHubで原本を見る →フィードバックを送る