JavaScript の遅延読み込み

JavaScript を遅延読み込みする方法

JavaScript の真の遅延読み込みとは、ページ コンテンツが完全に読み込まれた後にのみ JavaScript を読み込みまたは解析することを意味します (これは、JavaScript がページ速度やクリティカル レンダリング パスに影響を与えることができないことを意味します)。

• 「onload」イベントを使用して外部 JavaScript リソースを呼び出します

• ページのコンテンツが読み込まれる前に外部 JavaScript リソースを読み込むことはできません

• 外部 JavaScript リソースはコンテンツが読み込まれた後にのみ実行を開始し、ページに影響します

説明

インターネットでは、人々が解決策を見つけようとして狂ってしまうことがよくありますが、JavaScript の遅延読み込みもその 1 つです。

多くの人は、「遅延を使用するだけ」、「非同期を使用するだけ」、または「ページの下部に JavaScript を配置するだけ」と言いますが、これらは問題を解決しません。ページが完全にロードされてから (そしてのみ)完全にロードされた後) 外部 JS がロードされます。これらのメソッドでは、Google Page Speed Tool から得られる「JavaScript の読み込みの遅延」警告を通過させることもできません (テスト中に、上記の 3 つのメソッドでこの警告を削除できることが判明したため、翻訳者はこれについていくつかの疑問を抱いています)。

この解決策が答えます。

外部 JavaScript ファイルのスクリプトを呼び出します

このコードは、HTML ドキュメントの