ブラウザがページの読み込みを終了するのを待つのはなぜですか？

Question

誰も私にそのスペース（？とマークされている）がある理由を説明できますか？彼らはページの読み込みを遅らせています。私はそれがページ/スクリプトの解析時間であると思ったが、〜350msは単純なページではあまりにも多く見える。さて、たくさんのスクリプトがありますが、それでも多くは見えます。

何ができますか？

Answer 1

私の推測では、それがJavaScriptの読み込みの問題であるということです。 defer属性を使用してJavaScriptの読み込みを行う必要があります。これにより、JavaScriptコードを実行する前にページが読み込まれるようになります。

これは、ブラウザがシングルスレッドであり、スクリプトタグが発生すると、スクリプトをダウンロードして解析するまで、他のプロセスを停止させるためです。最後にスクリプトを含めることで、ブラウザーは不要な遅延なく、すべてのページ要素、スタイルシート、イメージをダウンロードしてレンダリングできます。また、ブラウザがスクリプトを実行する前にページをレンダリングする場合、すべてのページ要素がすでに取得可能であることがわかります。

はhttp://www.hunlock.com/blogs/Deferred_Javascriptとhttp://blog.fedecarg.com/2011/07/12/javascript-asynchronous-script-loading-and-lazy-loading/

Answer 2

はヘッダ部でのCSSですか？

それ以外の場合は、ブラウザがリソースを読み込もうとするまでにかなり時間がかかる場合があります。

2番目の推測では、何らかの理由でJavaScriptがページの読み込みをブロックしている可能性があります。ロード直後にDOM操作がありますか？また、JavaScriptはページの最下部にあり、最後に読み込まれていますか？そうしないと、読み込みをブロックする可能性があります。