2

私はこれを読みました:

<head>ブラウザは、.html のレンダリングを開始する前に、HTMLのセクションで要求されたすべてのリソースを取得します<body>。代わりにセクションにリクエストを配置する<body>と、ページのレンダリングとリソースのダウンロードを並行して行うことができます。<head>セクションからセクションにできるだけ多くのリソース要求を移動する必要があります。<body>

HTML 仕様では be in<link><style>タグが必要<head>ですが、ブラウザはこれを強制しません。

この本の著者からのアドバイスを聞く前に - 最近よく使われているすべてのブラウザがリンクの場所を強制しないというのが本当かどうか、またこれを行うと他の問題が発生するかどうかに興味があります。について知らない

4

3 に答える 3

7

から取られた(それを読んでください!):

http://developer.yahoo.com/performance/rules.html

スタイルシートを一番上に置く

Yahoo! でパフォーマンスを調査しているときに、スタイルシートをドキュメント HEAD に移動すると、ページの読み込みが速くなるように見えることがわかりました。これは、スタイルシートを HEAD に配置すると、ページをプログレッシブにレンダリングできるためです。

スクリプトを一番下に置く

スクリプトによって引き起こされる問題は、並列ダウンロードがブロックされることです。HTTP/1.1 仕様では、ブラウザがホスト名ごとに並行して 2 つまでのコンポーネントをダウンロードすることが推奨されています。複数のホスト名からイメージを提供する場合、2 つ以上のダウンロードが並行して発生する可能性があります。ただし、スクリプトのダウンロード中は、ホスト名が異なっていても、ブラウザーは他のダウンロードを開始しません。

于 2012-09-21T18:31:08.367 に答える
1

それはある程度真実です。ページでYSlowを実行すると、ページに適用できる多くの最適化手法が表示されます。

http://developer.yahoo.com/performance/rules.html

于 2012-09-21T18:30:37.467 に答える
0

私は仕様に従います。無効なドキュメントは、予測できない方法でレンダリングされます。必ずスクリプトを body の end body タグの直前に入れてください。ただし、リンクスタイルは頭の中に入れておいてください。

疑わしい場合は、仕様に従ってください。

于 2012-09-21T18:42:11.713 に答える