ドキュメント

静的リソース監視

約1分で読めます · このページを GitHub で編集

← ShimoDocs Suite デプロイメント文書

静的リソース監視は、ウェブページで参照されるJSおよび CSS リソースをチェックするために使用され、リソースのアクセス状況、通信プロトコル、キャッシュ構成、および CDN 使用状況を理解するのに役立ちます。

システムページ上の機能名は「静的リソース検知」です。

1. 使用方法

管理プラットフォームにログインし、次の項目を選択してください システムサービス 上部で、次に選択します ツールコレクション > 静的リソース検出 左のナビゲーションバーにあります。

この機能は管理者のみ利用可能です。項目が表示されない場合は、アカウントの権限と現在の製品バージョンを確認してください。

  1. 完全なページを入力します URL例えば https://example.com/recent.
  2. ページにログインが必要な場合は、「カスタムリクエストヘッダー」を展開し、必要な情報を入力してください。 Cookie および Authorization.
  3. 「検出開始」をクリックし、結果が返されるまで待ちます。

リクエストヘッダーは、ページで参照されている静的リソースへのアクセスにも使用されます。一時的な認証情報のみを使用し、クロスオリジンリソースのドメインが信頼できることを確認してください。ページのアドレス、リクエストヘッダー、および最新の検出結果は現在のブラウザに保存されます。

2. 検出の範囲

システムは JS および CSS ページで直接参照されているものを識別します HTMLただし、画像、フォント、インラインコード、またはスクリプト実行後に動的に読み込まれたリソースは検出しません。

  • 各ドメインごとに同一ドメインの JS および CSS ファイルは最大 3 つまで検出されます;
  • 一度に最大50のクロスドメインリソースを検出できます。
  • 重複するURLは1回だけカウントされます。

検出されなかった同一ドメインのリソースは「同一ドメインサンプリングスキップ」とマークされ、リソースのエラーを示すものではありません。

3. 結果の確認

検出が完了すると、ページには次の内容が表示されます。

  • 概要情報: 数 HTML リソースの数、検出された数、問題の数、キャッシュの使用状況 CDN、および HTTP/2;
  • ページの応答: 対象ページのステータスコード、プロトコル、およびキャッシュ情報;
  • リソースリスト: URL、ステータスコード、プロトコル、キャッシュ、 CDN、各リソースの問題およびレスポンスヘッダー。

リソースリストは「検出済み」「すべて」「問題あり」でフィルタリング可能です。

システムは主に以下の問題を示します:

  • HTTP 4xx/5xx;
  • 有効なキャッシュが検出されません;
  • HTTP/2 が使用されていません;
  • クロスオリジンリソースが特性を表示しません; CDN 特性;
  • リクエストのタイムアウトまたはドメイン名解決に失敗しました。

4. よくある問題

ページ検出に失敗しました

ページをご確認ください URL、ネットワーク接続、 HTTPS 証明書およびログイン状態。検出サービスはブラウザからログイン情報を自動的に再利用しないため、必要であればカスタムリクエストヘッダーを提供してください。

リソースが認識されません

ページが通常通り返されることを確認してください HTMLスクリプトによって動的に読み込まれるリソースは認識されません。

CDN 「検出されず」と表示されます

この結果は、レスポンスで特徴が検出されなかったことのみを示しており、リソースが確実に使用されていないことを意味するわけではありません。 CDN CDN。 CDN コンソールとネットワーク構成を確認してください。

5. 注意事項

  • 検出結果は、このリクエスト時に管理プラットフォームのネットワークから観測された内容を反映しており、実際のユーザー体験とは異なる場合があります。
  • CDNキャッシュや問題の状態は自動的に判断された結果であり、あくまで補助的な診断用です。
  • 「問題なし」と表示されても、ページが完全なパフォーマンス、セキュリティ、またはユーザビリティの評価を通過したことを意味するわけではありません。
  • ページが公開された後、 CDN が更新されるか、ネットワーク環境が変わった場合は、再度テストすることを推奨します。