大量のHTML文書にページスピードのメリットはありますか？

Question

私は自分のサイトのページスピードを最適化しようとしています。私がSunの新聞のhomepageのソースを見ると、彼らは画像を非同期的に読み込むようなことをしていることに気付いています。しかし、彼らのホームページのHTMLは非常に大きく、約16,000行です。 DOMの準備が整った後、JSはコンテンツの詳細をJS操作しますが、全体のページレイアウトグリッドは完全にサーバー側で作成され、一度に配信されます。

これはページスピードの観点から悪い習慣ですか？できるだけ早くページの上部に基本レイアウトを表示し、その後に追加のDOMノードを注入することは利点ですか？ Google documentationは、「折りたたみ可能なコンテンツを最初に読み込むようにHTMLを構造化」し、残りの部分を延期するようにアドバイスします。これらの人たちは何をすべきか？

Answer 1

最新のブラウザエンジンはpipeline of streaming parsers/layout renderersを使用します。それだけでなく、それらは並行してまたは推測的にいくつかのステップを実行する。

これは、ネットワークから物事がまだ到着している間にコンテンツの表示を開始できることを意味します。 HTMLの総サイズは、同期JavaScriptの実行を待たなければならないブラウザなどのブロックがない限り、最初のKB +重要なCSSの待ち時間と同じくらい重要です。

Answer 2

SEOの側では、Googleが空のページしか表示されないため、悪いです。しかし、Webアプリケーション上のAngularやその他のJavascriptライブラリが非常に普及している中、このようなことはかなり普通です。ページはより速く読み込まれます。