最新の Web 開発では、CSS は JavaScript の前に置くべきですか、それとも後に置くべきですか?

CSS は常に JavaScript よりも前に置く必要がありますか?
[Web 開発におけるよくある質問]

はじめに:
以前は、JavaScript の前に CSS を配置すると考えられていました。 Web パフォーマンスにとって最適でした。ただし、最新のブラウザと最近のテクノロジーの進歩では、これは当てはまらない可能性があります。

テスト結果:
著者は、さまざまなブラウザとシナリオを使用して広範なテストを実施し、 CSS が JavaScript の前または後に配置されたページのパフォーマンス。その結果、次のことが明らかになりました。

デスクトップ ブラウザ:

• CSS が遅延する場合、CSS の前に JavaScript を配置すると、パフォーマンスがわずかに向上します。

モバイルの場合ブラウザ:

• Android 4 での作成者のテストでは、投機的解析がサポートされていないことが示されており、CSS 配置のパフォーマンスに影響を与える可能性があります。

結論:
テスト結果に基づいて、著者は次のように提案しますそれ:

デスクトップ ブラウザ:

• 古いブラウザのパフォーマンスが問題にならない場合にのみ、外部スクリプトの後に外部スタイル シートを配置すると、最高のパフォーマンスが得られます。 (デスクトップ ブラウザの約 85% が投機的解析をサポートしています。)

モバイル ブラウザ:

• モバイル ブラウザの結論は、特定のブラウザによって異なる場合があります。使用するブラウザとOS。ただし、ほとんどの場合、CSS を JavaScript の前に配置するとパフォーマンスが向上する可能性があります。

追加の考慮事項:
著者は、さまざまな引数があることに注意しています。スクリプトを本文の末尾と先頭に配置する方法について説明しますが、この説明では特に、JavaScript に対する CSS の配置に焦点を当てています。 head.

結論:
最新のデスクトップ ブラウザでは、JavaScript の後に CSS を配置してもパフォーマンスが低下することはなく、特定の状況ではパフォーマンスが向上する可能性があります。スクリプトを最初に配置しても、ほとんどのモバイル ブラウザーのパフォーマンスには影響しません。ただし、この決定を行う際には、特定の対象ユーザーとブラウザのサポートを考慮することが重要です。

以上が最新の Web 開発では、CSS は JavaScript の前に置くべきですか、それとも後に置くべきですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。