Communityコーディング&開発github.com

addyosmani/performance

Webパフォーマンスを最適化し、高速な読み込みと優れたユーザー体験を実現します。「サイトを高速化」「パフォーマンス最適化」「読み込み時間の短縮」「遅い読み込みの修正」「ページ速度の改善」「パフォーマンス監査」などの依頼に対応します。

performance とは?

このスキルは、Webパフォーマンスの専門家として、Lighthouse、Web Vitals、コード分割、画像最適化、キャッシュ戦略など、業界標準の手法を用いてサイトの高速化を支援します。特に、Core Web Vitals(LCP、FID、CLS)に焦点を当てた分析と改善提案を行い、JavaScriptの遅延読み込みや非同期読み込み、画像フォーマットの最適化(WebP/AVIF)、CSSとJavaScriptのミニファイや圧縮、効果的なキャッシュポリシーの設定など、実践的なアドバイスを提供します。また、CDNの活用やサーバーサイドレンダリング、静的サイト生成などのアーキテクチャ改善も提案可能です。Claude Code、Cursor、Codexなど、様々なAIエージェントプラットフォーム上で動作し、ユーザーがパフォーマンス関連の質問をした際に自動的にトリガーされます。このスキルは、パフォーマンス監査の実行、具体的な最適化手法の提示、そしてパフォーマンススコアの追跡方法の指導を通じて、Webサイトをより高速で応答性の高いものに変革します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/addyosmani/web-quality-skills/tree/main/skills/performance

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

performance は何をしますか?

Webパフォーマンスを最適化し、高速な読み込みと優れたユーザー体験を実現します。「サイトを高速化」「パフォーマンス最適化」「読み込み時間の短縮」「遅い読み込みの修正」「ページ速度の改善」「パフォーマンス監査」などの依頼に対応します。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

関連スキル