フロントエンド Web ページのパフォーマンスを改善しようとしており、いくつかの洞察を得るためにwebpagetestを使用しようとしています。現在のページ読み込み時間は 8 秒です。
これが私たちのサイトのウォーターフォール ビューです - http://i.imgur.com/D4sPLfs.png 青い線は、ロード時間を決定するロード イベントが発生したことを示します。
そして、これはページ読み込み時間が 4 秒の別のサイトのウォーターフォールです - http://i.imgur.com/NuO1Mao.png
両方のサイトのウォーターフォールは、1 つの明らかな違いを除けば類似しているように見えます。起動イベントの後に多くのコンテンツが読み込まれているにもかかわらず、2 つ目の青い線 (起動された読み込みイベント) の方がはるかに早いonLoad
です。
どうにかonLoad
して自分のサイトで早期に発砲できれば、ユーザーの体感パフォーマンスが向上すると考えてよいでしょうか? はいの場合、どうすればいいですか?
- すでに
lazyload.js
画像の遅延読み込みに使用しています - 3 番目の部分の js ファイル (Google 広告 / アナリティクス) のほとんどは、body 要素の下部近くで呼び出されています。
どうもありがとう!