jsの遅延読み込みでJSの位置を変更してWebページの読み込みを高速化_基礎知識

Web サイトに大量の JS コードを読み込む場合、JS コードの位置は Web ページの読み込み速度にある程度影響します。Web ページの読み込みを高速化するために、この記事ではいくつかのポイントをまとめます。
1. JS コードの遅延読み込み

コードをコピーします コードは次のとおりです:

このように、js コードは遅延を介してロードされ、Web ページのロードにさらに時間がかかります。

2. JS の最終読み込みソリューション 1
JS を挿入する必要がある場所に次のコードを挿入します: プログラム コード

コードをコピーします コードは次のとおりです:

LOADING… 🎜>

もちろん、この LOADING... とても AJAX 効果が高いように見える小さな画像に変更できます。
次に、ページの下部に
プログラム コード

を挿入します。



コードをコピーします

コードは次のとおりです: JSコードはここにあります!<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=”;</script>

3 . JS に 2 番目のソリューションを最後に読み込ませます

これには、Web ページの読み込み順序が関係します。たとえば、外部の JS スクリプト ファイルを HTML の先頭に配置すると、JS スクリプトはページがロードされる前にページにロードされ、本文に配置されている場合、JavaScript コードはページが上から下にロードされる順序で実行されます~~~ したがって、インポートされたファイルを置くことができますこれにより、js が最後に導入されるようになり、ページの読み込み速度が向上します。