最適なページレンダリングのためには JavaScript を CSS よりも前に置く必要がありますか?

CSS は常に JavaScript の前に置く必要がありますか?

質問:
オンラインの推奨事項では、JavaScript の前に CSS を配置することがよく推奨されており、レンダリング スレッドで次のことが必要であることが示唆されています。ページを表示する前に、必要なすべてのスタイル情報を取得します。この推奨事項はまだ有効ですか?

回答:

この主張を調査するために、JavaScript と CSS の取得における任意の遅延を許容する Ruby スクリプトを使用してさまざまなテストが実施されました。その結果、JavaScript インクルードを最初に配置すると、最新のデスクトップ ブラウザのパフォーマンスが実際に向上することが明らかになりました:

• CSS First: ページのレンダリングには 1.5 秒かかります。
• JavaScript First: ページのレンダリングには 1.4 がかかります

Chrome、Firefox、Internet Explorer でも同様の結果が観察されました。ただし、Opera ではレンダリング時間に違いはありませんでした。

説明:
最新のブラウザは投機的解析を実装しており、 に遭遇する前にスクリプトの取得と実行を開始します。タグ。このため、ブラウザは CSS をダウンロードする前に JavaScript が読み込まれて実行されるのを待機するため、最初に CSS を含めることによるメリットが無効になります。

結論:
テスト結果に基づくと、次のようになります。 の外部スクリプトの 後 に外部スタイル シートを含めるのが最適です。特にデスクトップ ブラウザ向けのタグで、85% 以上の市場シェアを誇ります。この順序により、並列ダウンロードが確保され、大部分のユーザーのパフォーマンスが向上します。

例外:
上記の結論はデスクトップ ブラウザに適用され、モバイル ブラウザには当てはまらない場合があることに注意してください。現在、投機的な解析はサポートされていません。したがって、特定の視聴者に対するパフォーマンスへの影響をテストして考慮することが引き続き賢明です。

以上が最適なページレンダリングのためには JavaScript を CSS よりも前に置く必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。