·webperf-loading
{}

webperf-loading

TTFB 調査 (DNS/接続/サーバーの故障)、レンダリング ブロッキングの検出、スクリプト パフォーマンスの詳細 (ファーストパーティとサードパーティの帰属)、フォントの最適化、およびリソース ヒントの検証のための自動ワークフローによるインテリジェントな読み込みパフォーマンス分析。遅い場合に TTFB サブパートを自動的に分析し、スクリプト読み込みのアンチパターン (非同期/遅延/プリロードの競合) を検出し、レンダリングをブロックするリソースを特定し、リソース ヒントの使用を検証するデシジョン ツリーが含まれています。完全な読み込み監査 (6 フェーズ)、バックエンドのパフォーマンス調査、優先順位の最適化のためのワークフローを備えています。 Core Web Vitals (LCP リソースの読み込み)、インタラクション (スクリプト実行のブロック)、およびメディア (遅延読み込み戦略) とのクロススキル統合。ユーザーが TTFB、FCP、レンダリング ブロッキング、読み込みの遅さ、フォントのパフォーマンス、スクリプトの最適化、またはリソースのヒントについて質問する場合に使用します。 Chrome DevTools MCP と互換性があります。

11インストール·1トレンド·@nucliweb

インストール

$npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading

webperf-loading のインストール方法

コマンドラインで webperf-loading AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: nucliweb/webperf-snippets。

JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.

When the user asks for a comprehensive loading analysis or "audit loading performance":

When TTFB is slow or the user asks "why is my server slow":

TTFB 調査 (DNS/接続/サーバーの故障)、レンダリング ブロッキングの検出、スクリプト パフォーマンスの詳細 (ファーストパーティとサードパーティの帰属)、フォントの最適化、およびリソース ヒントの検証のための自動ワークフローによるインテリジェントな読み込みパフォーマンス分析。遅い場合に TTFB サブパートを自動的に分析し、スクリプト読み込みのアンチパターン (非同期/遅延/プリロードの競合) を検出し、レンダリングをブロックするリソースを特定し、リソース ヒントの使用を検証するデシジョン ツリーが含まれています。完全な読み込み監査 (6 フェーズ)、バックエンドのパフォーマンス調査、優先順位の最適化のためのワークフローを備えています。 Core Web Vitals (LCP リソースの読み込み)、インタラクション (スクリプト実行のブロック)、およびメディア (遅延読み込み戦略) とのクロススキル統合。ユーザーが TTFB、FCP、レンダリング ブロッキング、読み込みの遅さ、フォントのパフォーマンス、スクリプトの最適化、またはリソースのヒントについて質問する場合に使用します。 Chrome DevTools MCP と互換性があります。 ソース: nucliweb/webperf-snippets。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading
カテゴリ
{}データ分析
認証済み
初回登録
2026-03-10
更新日
2026-03-10

Browse more skills from nucliweb/webperf-snippets

クイックアンサー

webperf-loading とは?

TTFB 調査 (DNS/接続/サーバーの故障)、レンダリング ブロッキングの検出、スクリプト パフォーマンスの詳細 (ファーストパーティとサードパーティの帰属)、フォントの最適化、およびリソース ヒントの検証のための自動ワークフローによるインテリジェントな読み込みパフォーマンス分析。遅い場合に TTFB サブパートを自動的に分析し、スクリプト読み込みのアンチパターン (非同期/遅延/プリロードの競合) を検出し、レンダリングをブロックするリソースを特定し、リソース ヒントの使用を検証するデシジョン ツリーが含まれています。完全な読み込み監査 (6 フェーズ)、バックエンドのパフォーマンス調査、優先順位の最適化のためのワークフローを備えています。 Core Web Vitals (LCP リソースの読み込み)、インタラクション (スクリプト実行のブロック)、およびメディア (遅延読み込み戦略) とのクロススキル統合。ユーザーが TTFB、FCP、レンダリング ブロッキング、読み込みの遅さ、フォントのパフォーマンス、スクリプトの最適化、またはリソースのヒントについて質問する場合に使用します。 Chrome DevTools MCP と互換性があります。 ソース: nucliweb/webperf-snippets。

webperf-loading のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/nucliweb/webperf-snippets