ホームページ > 記事 > ウェブフロントエンド > jsの遅延読み込みは、Webページの読み込みを高速化するためにJSの位置を変更します
jsの遅延読み込みは、Webページの読み込みを高速化するためにJSの位置を変更します
- 高洛峰オリジナル
- 2017-01-04 10:42:291145ブラウズ
Web サイトに大量の JS コードを読み込む場合、JS コードの位置は Web ページの読み込み速度にある程度影響します。Web ページの読み込みを高速化するために、この記事ではいくつかのポイントをまとめます。注:
1. JS コードの読み込みを遅らせる
<script type=”text/javascript” src=”" id=”my”></script> <script type=”text/javascript”> setTimeout(“document.getElementById(‘my').src='include/php100.php'; “,3000);//延时3秒 </script>
このように、JS コードの読み込みを遅らせることで、Web ページの読み込みにかかる時間が長くなります。
2. JS 最終ロード計画 1
JS を挿入する必要がある場所に次のコードを挿入します:
プログラム コード
<span id=”L4EVER”>LOADING…</span>
もちろん、その LOADING... とても AJAX のように見えるものに変更することができます。
次に、次のコードをページの下部に挿入します。
プログラム コード
<span id=”AD_L4EVER”>你的JS代码在这里!</span > <script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=”";</script>
3. JS を最後にロードする
これには、Web ページの読み込み順序が関係します。 HTMLの先頭、ページに配置されます。jsスクリプトはページをロードする前にページにロードされ、本文に配置すると、ページが上から下にロードされる順序でJavaScriptコードが実行されます~ ~~ したがって、js の外部からインポートされたファイルをページの下部に配置して、js を最後に導入できるようにすることで、ページの読み込みを高速化できます。
さらに JS の遅延読み込みを行うには、JS の位置を変更して Web ページの読み込みを高速化します。関連記事については、PHP 中国語 Web サイトに注目してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。