css を head に配置する理由: これにより、CSS スタイルが最初に読み込まれます。dom をレンダリングするときに、自分のスタイルがすでにわかっているため、レンダリングは一度成功します。この方法により、ちらつきや白画面、レイアウトの混乱を防ぐことができます。
分析:
これにより、最初に CSS スタイルが読み込まれます。DOM をレンダリングするとき、独自のスタイルがすでにわかっているため、レンダリングできます。一度実行すると成功するため、ちらつきや白い画面、レイアウトの混乱を防ぐことができます。
(学習ビデオ共有: css ビデオ チュートリアル)
CSS が下部に配置されている場合、最初に dom をレンダリングし、次に前の dom をレンダリングする必要があります。 CSS のロード後に再レンダリングされます。これには 2 回のレンダリングが必要となり、ユーザー エクスペリエンスは低下します。
より良いユーザー エクスペリエンスを提供するために、ブラウザのレンダリング エンジンは、できるだけ早く画面にコンテンツを表示しようとします。DOM ツリーを構築してレイアウトする前に、すべての HTMl 要素が解析されるまで待機しません。 , そのため、コンテンツの一部が解析されて表示されます。言い換えれば、ブラウザは不完全な DOM ツリーと CSSOM をレンダリングして、白画面の時間をできるだけ早く短縮できます。
関連する推奨事項: CSS チュートリアル
以上がなぜ CSS を head に配置する必要があるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。