·webperf-resources
{}

webperf-resources

適応負荷戦略によるインテリジェントなネットワーク品質分析。接続タイプ (2g/3g/4g)、帯域幅、RTT、およびデータ保存モードを検出し、適切な最適化ワークフローを自動的にトリガーします。低速接続に対する画像圧縮、高い RTT に対する重要な CSS インライン化、および保存データの最適化 (自動再生の無効化、品質の低下) を推奨するデシジョン ツリーが含まれています。接続を意識したパフォーマンス バジェット (2g の場合は 500KB、3g の場合は 1.5MB、4g+ の場合は 3MB) とアダプティブ ローディングの実装ガイドが特徴です。読み込み (TTFB への影響)、メディア (レスポンシブな画像)、およびコア Web バイタル (LCP/INP への接続への影響) とのクロススキル統合。ユーザーが低速接続、モバイルの最適化、セーブデータのサポート、またはアダプティブロード戦略について尋ねた場合に使用します。 Chrome DevTools MCP と互換性があります。

12インストール·2トレンド·@nucliweb

インストール

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

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

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

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources
  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 about network performance, connection quality, or adaptive loading:

When implementing adaptive loading or the user asks "how to optimize for slow connections":

適応負荷戦略によるインテリジェントなネットワーク品質分析。接続タイプ (2g/3g/4g)、帯域幅、RTT、およびデータ保存モードを検出し、適切な最適化ワークフローを自動的にトリガーします。低速接続に対する画像圧縮、高い RTT に対する重要な CSS インライン化、および保存データの最適化 (自動再生の無効化、品質の低下) を推奨するデシジョン ツリーが含まれています。接続を意識したパフォーマンス バジェット (2g の場合は 500KB、3g の場合は 1.5MB、4g+ の場合は 3MB) とアダプティブ ローディングの実装ガイドが特徴です。読み込み (TTFB への影響)、メディア (レスポンシブな画像)、およびコア Web バイタル (LCP/INP への接続への影響) とのクロススキル統合。ユーザーが低速接続、モバイルの最適化、セーブデータのサポート、またはアダプティブロード戦略について尋ねた場合に使用します。 Chrome DevTools MCP と互換性があります。 ソース: nucliweb/webperf-snippets。

引用可能な情報

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

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

Browse more skills from nucliweb/webperf-snippets

クイックアンサー

webperf-resources とは?

適応負荷戦略によるインテリジェントなネットワーク品質分析。接続タイプ (2g/3g/4g)、帯域幅、RTT、およびデータ保存モードを検出し、適切な最適化ワークフローを自動的にトリガーします。低速接続に対する画像圧縮、高い RTT に対する重要な CSS インライン化、および保存データの最適化 (自動再生の無効化、品質の低下) を推奨するデシジョン ツリーが含まれています。接続を意識したパフォーマンス バジェット (2g の場合は 500KB、3g の場合は 1.5MB、4g+ の場合は 3MB) とアダプティブ ローディングの実装ガイドが特徴です。読み込み (TTFB への影響)、メディア (レスポンシブな画像)、およびコア Web バイタル (LCP/INP への接続への影響) とのクロススキル統合。ユーザーが低速接続、モバイルの最適化、セーブデータのサポート、またはアダプティブロード戦略について尋ねた場合に使用します。 Chrome DevTools MCP と互換性があります。 ソース: nucliweb/webperf-snippets。

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

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

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

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