欠落しているCSSファイル

Silktideは、ページが要求しているものの読み込みに失敗しているスタイルシートを検出します。通常は、ファイルが移動または削除されたか、ウェブアドレスの入力を誤ったことが原因です。スタイルシートが欠落しているページは、スタイルが適用されないまま表示されたり、壊れているように見えたりすることがあります。

<!-- このスタイルシートはもう存在しないため、ページのスタイルが失われます -->
<link rel="stylesheet" href="/css/old-theme.css">

重要な理由

はページの見た目を制御します。スタイルシートの読み込みに失敗すると、そこに適用されていたすべてのスタイルがブラウザーの標準設定に戻ります。レイアウトが崩れ、ブランドの色やフォントが表示されなくなり、入念に設計されたページが壊れているように見えます。訪問者は数秒以内に見た目から信頼性を判断するため、目に見えて壊れたページはすぐに信用を損ないます。

欠落しているファイルが使われていない場合でも、訪問者のブラウザーはそのファイルを要求して失敗を待つために時間を浪費し、ページの読み込みを無意味に遅らせます。

修正方法

欠落しているファイルへの参照を見つけます。Silktideは、それぞれが使用されている場所を強調表示します。
ファイルが移動した場合は、参照先を新しいアドレスに更新します。意図的に削除した場合は、参照を削除します。
ファイルが存在するはずの場合は、ファイルを復元するか、サーバーがリクエストを拒否する理由を確認します。
その後、ページをテストします。スタイルが元に戻り、ブラウザーコンソールに失敗したリクエストが表示されない状態が理想です。

Silktideによるテスト方法

実際のブラウザーで各ページを読み込み、ページが要求するすべてのファイルを記録します。
その中からスタイルシートへのリクエストを抽出します。
ダウンロードに失敗したものをそれぞれ報告します。たとえば、404などのサーバーからのエラーレスポンスや接続失敗です。誤検知を避けるため、一時的なタイムアウトやブラウザー自体が中止したリクエストは報告しません。
欠落している各ファイルがページ上のどこで参照されているかを強調表示します。

トラブルシューティング

試すとファイルを読み込める

ファイルがログインの背後にある、機械的な訪問者からのアクセスがブロックされている、または一貫せずに提供されている可能性があります。また、混在コンテンツも確認してください。で提供されているページからプレーンなHTTP経由で要求されたスタイルシートは、ファイルが存在していてもブラウザーによってブロックされます。本当に問題がない場合は、検出結果をしてください。

欠落しているファイルがあるのにページの見た目に問題がない

スタイルシートが重複している可能性があります。古い参照は、読み込んでいたスタイルより長く残ることがよくあります。それでも修正する価値はあります。参照を削除すれば、すべての訪問者が失敗するリクエストのために時間を費やさずに済みます。