これらのスペース (? でマーク) が存在する理由を説明できる人はいますか? ページの読み込みが遅れています。ページ/スクリプトの解析時間ではないかと思いましたが、単純なページとしては 350 ミリ秒は長すぎます。さて、スクリプトはたくさんありますが、それでも多すぎます。
それは何でしょうか?
これらのスペース (? でマーク) が存在する理由を説明できる人はいますか? ページの読み込みが遅れています。ページ/スクリプトの解析時間ではないかと思いましたが、単純なページとしては 350 ミリ秒は長すぎます。さて、スクリプトはたくさんありますが、それでも多すぎます。
それは何でしょうか?
私の推測では、これは 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/を参照してください。
CSS はヘッダー セクションにありますか?
そうしないと、ブラウザーがリソースのロードを試行する前にかなり長く待機する可能性があります。
2 番目の推測は、何らかの理由で JavaScript がページの読み込みをブロックしていることです。ロード直後に DOM 操作はありますか? また、JavaScript はページの下部にあり、最後に読み込まれますか? そうしないと、ロードがブロックされる可能性があります。