Webパフォーマンス：遠い開始レンダリング時間

Question

なぜ私はレンダリング開始時間を今まで持っていますか？

CSSとJSをダウンロードしたときにブラウザがレンダリングを待つのはなぜですか？

マイ結果：アドバイスのため https://www.webpagetest.org/result/170518_GZ_13B6/ または https://www.webpagetest.org/result/170518_4Q_13B9/

ありがとう！ :-)

Answer 1

私の目立つ最大のものは、HTMLドキュメントのサイズです。圧縮されていない約500KBのもので、DOM要素が5000個近くあります。あなたのCSSやJSも巨大です：

• 負荷とDOMを生成：https://www.webpagetest.org/result/170518_GZ_13B6/1/breakdown/

  

  だから、それは最初にする必要があるため、ブラウザがすぐにあなたのページをレンダリングすることができないように私には思えますHTMLの500キロバイト

• 負荷用とCSS
• 負荷の500キロバイトを解析し、JS
• JS（固体を実行〜400の1.4メガバイトを解析一人でミリ秒）
• リフローおよびJS/CSS

に基づいてコンテンツを再レイアウトあなたが唯一のブラウザビューポート内のコンテンツを含む、ページの後まで不要なスクリプト/スタイル/マークアップを延期することにより、最初のページの負荷に優先順位を付けることができロードする。