主要な Web サイト (Amazon、Facebook など) で、CSS ファイルをダウンロードしていないか、ルールを適用していないために、ページが次のように表示されるという非常にまれな例を思い出します。
私は、同じ影響を示す Web サイトの 1 つのユーザーからスクリーンショットが添付された苦情の電子メールを受け取った後、内部で説明を提供することを任されました。スクリーンショットにはユーザーの機密情報が含まれているため、投稿できません。ただし、インライン スタイルが適用されていることを示していますが、外部 CSS ファイルから参照されているスタイルは適用されていません。
残念ながら、この問題を再現することはできません。「スタイルが適用されていません」と言うだけでなく、詳細な説明が不足しているので、自分で理解したいと思っています.
なぜこれが起こるのか、または記事への参照についての意見をいただければ幸いです。誰かがこのイベントの名前を知っていても、私はそれを調べて喜んで行きますが、今のところ私は空白になっています.
これが発生するシナリオは複数あります。
1)帯域幅の問題: italo.nascimento が述べたように、接続が遅く、HTML はダウンロードされますが、CSS がタイムアウトになるため、裸の HTML ページが残ります (Web サイトが DoS にさらされているか、多くの Web サイトがある場合にもよく発生します)。多くの訪問者とサーバーがトラフィックについていけない)
2)キャッシュの問題: HTML で何かが変更されていますが、CSS はブラウザーのローカル キャッシュから提供されるため、セレクターが一致しません...
3) FOUC : ページの読み込み中にプリントスクリーンが作成された場合を除き、あなたが求めているものと実際には似ていません..スタイルのないコンテンツのフラッシュと呼ばれます。
一般に、この種の問題の 90% は接続の問題が原因です。ドロップされたパケット、タイムアウト、CDN が適切に機能していない..そして、それらはランダムであるため、「再現」できるとは思いません。修正できるものではありません。
主要なサイトで何度も私に起こりました。
ほとんどの場合、インターネット接続が非常に遅いか振動している場合に発生するため、サーバーからファイルが正しく読み込まれず (パッケージが失われ)、サイトが純粋な HTML で表示されます。帯域幅を制限してページをリロードすることで再現できるかもしれません。