なぜCSSを先頭に置くのか

理由:

CSS ファイルが一番上に配置されている一方で、配置順序によってダウンロードの優先順位が決まります。そしてさらに重要なのは、ブラウザのレンダリング メカニズムです。

最も理想的な状況では、ブラウザがダウンロードした CSS を徐々にレンダリングし、徐々にページをユーザーに表示することが望まれます。ただし、スタイルが変更されたときにページ要素が再レンダリングされるのを避けるために、ブラウザーはコンテンツの段階的なレンダリングをブロックし、すべてのスタイルが読み込まれるのを待ってからページを一度にレンダリングします。

このように、CSS ファイルを一番下に配置すると、ブラウザーはコンテンツが徐々にレンダリングされなくなり、最後の CSS ファイルがダウンロードされるのを待っている間、「白い画面」が表示されます。 (新しい接続が開かれると白い画面になります)。テキスト、画像、スタイルが最後に表示されます)。これは非常に深刻です。なぜなら、インターネット速度が非常に遅い場合、CSS のダウンロード時間が比較的長くなり、当然のことながらユーザーに長時間「白い画面」が表示され、ユーザー エクスペリエンスが非常に悪くなるからです。

推奨チュートリアル: css チュートリアル

以上がなぜCSSを先頭に置くのかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。