ホームページ  >  記事  >  ウェブフロントエンド  >  なぜ CSS を head に配置する必要があるのでしょうか?

なぜ CSS を head に配置する必要があるのでしょうか?

王林
王林オリジナル
2020-11-16 10:53:442862ブラウズ

css を head に配置する理由: これにより、CSS スタイルが最初に読み込まれます。dom をレンダリングするときに、自分のスタイルがすでにわかっているため、レンダリングは一度成功します。この方法により、ちらつきや白画面、レイアウトの混乱を防ぐことができます。

なぜ CSS を head に配置する必要があるのでしょうか?

分析:

これにより、最初に CSS スタイルが読み込まれます。DOM をレンダリングするとき、独自のスタイルがすでにわかっているため、レンダリングできます。一度実行すると成功するため、ちらつきや白い画面、レイアウトの混乱を防ぐことができます。

(学習ビデオ共有: css ビデオ チュートリアル)

CSS が下部に配置されている場合、最初に dom をレンダリングし、次に前の dom をレンダリングする必要があります。 CSS のロード後に再レンダリングされます。これには 2 回のレンダリングが必要となり、ユーザー エクスペリエンスは低下します。

より良いユーザー エクスペリエンスを提供するために、ブラウザのレンダリング エンジンは、できるだけ早く画面にコンテンツを表示しようとします。DOM ツリーを構築してレイアウトする前に、すべての HTMl 要素が解析されるまで待機しません。 , そのため、コンテンツの一部が解析されて表示されます。言い換えれば、ブラウザは不完全な DOM ツリーと CSSOM をレンダリングして、白画面の時間をできるだけ早く短縮できます。

関連する推奨事項: CSS チュートリアル

以上がなぜ CSS を head に配置する必要があるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。