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

CSS は常に JavaScript よりも優先されるべきですか?

従来の知識:

一般的な推奨事項は、次の理由により、JavaScript よりも先に CSS を配置することで長い間推奨されてきました:

• レンダリングページのすべてのスタイル情報をレンダリングします。
• JavaScript が以前に含まれている場合、JavaScript エンジンは次のリソースのセットに進む前にすべてを解析する必要があります。
• これは、必要なスタイルがすべて揃っていないため、レンダリング スレッドがページを完全に表示できないことを意味します。

実際のテスト:

ただし、実際のテストでは大きく異なる結果が示されました:

• JavaScript は実行を開始しません。 CSSがダウンロードされます。
• したがって、JavaScript スレッドを長時間実行できるため、JavaScript を先頭に組み込んだ方が効率的であると思われます。

結論:

• デスクトップブラウザの場合: 最新のブラウザでは、JavaScript の前に CSS を置きますは パフォーマンスの向上をもたらします。場合によっては、パフォーマンスの低下を引き起こす可能性もあります (CSS が遅延する場合など)。したがって、 JavaScript ** の後に外部スタイルシート ** にリンクする必要があります。
• モバイル ブラウザーの場合: 一部のモバイル ブラウザー (WebKit for Android など) は依然として予測解析を行っていないという証拠があります。このようなブラウザでは、CSS の前にスクリプトを配置すると、パフォーマンスが低下する可能性があります。

技術的な説明:

• 従来のブラウザは、
  著者別の最新記事
  最新の問題

  function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

  から 2024-04-29 11:01:01

  0

  3

  2311

  Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

  から 2024-04-23 00:22:19

  0

  11

  2446

  子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

  から 2024-04-19 15:37:47

  0

  1

  2062

  親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

  から 2024-04-18 23:52:34

  0

  1

  1949

  CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

  から 2024-04-16 10:10:18

  0

  0

  2012
  関連トピック

  詳細>

  • JavaでDockerコンテナテクノロジーを実装する方法
  • letter-spacing
  • fgets関数の使い方
  • jsでの各関数の使い方
  • スティックライン機能の使い方の紹介
  • なぜヒマラヤ人はインターネットに接続できないのでしょうか?
  • ダイナミック リンク ライブラリでプログラム入力ポイントが見つかりません
  • Linuxビュープロセス