6

これらのスペース (? でマーク) が存在する理由を説明できる人はいますか? ページの読み込みが遅れています。ページ/スクリプトの解析時間ではないかと思いましたが、単純なページとしては 350 ミリ秒は長すぎます。さて、スクリプトはたくさんありますが、それでも多すぎます。

それは何でしょうか?

Chrome ページ速度のスクリーンショット

4

2 に答える 2

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/を参照してください。

于 2011-08-03T15:30:41.787 に答える
0

CSS はヘッダー セクションにありますか?

そうしないと、ブラウザーがリソースのロードを試行する前にかなり長く待機する可能性があります。

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

于 2012-09-30T01:08:07.040 に答える