JavaScript コードの読み込みを遅らせて速度を向上させる_javascript のヒント

WBOY
リリース: 2016-05-16 15:23:17
オリジナル
1055 人が閲覧しました

js コードの遅延読み込みにより速度が向上します。具体的な内容は次のとおりです。

Web ページ内に大量の JavaScript コードが存在すると、Web ページのアクセス速度に大きな影響を及ぼします。この問題の対処方法を簡単に紹介します。

1. js ファイルの遅延読み込み:

タイマー関数 setTimeout() を使用すると、外部 js ファイルの読み込みを遅らせることができます。例:

<script type="text/javascript" src="" id="my"></script> 
<script type="text/javascript"> 
var js=document.getElementById("my"); 
function addjs(){
 js.src="js/js.js"; 
}
setTimeout(addjs,3000);
</script>
ログイン後にコピー

上記のコードは、js コードが 3 秒後にロードされることを実現し、ある程度の速度を向上させることができます。

2. Web ページのコンテンツの後ろに js コードを配置します:

これは言うまでもなく、Web ページのコンテンツの後ろに JS コードを配置し、本文の下部に JS コードを配置することにより、最初にコンテンツをロードしてから、JS コードを実行します。パフォーマンスもある程度向上します。

以下では、ページの読み込みを高速化するために JS 広告コードの読み込みまたは最終読み込みを遅らせる方法を紹介します

ページ内に大量の JS 広告コードがある場合、または他の js/' target='_blank' class='u'>JS コードが読み込みを遅らせるか、最後に読み込まれます。サイズが大きすぎるため、読み込みに時間がかかります。 JS 広告コードを使用して読み込みを遅らせるか、最後に読み込んでページの読み込みを高速化します。

まず、JS の遅延読み込み

コードは次のとおりです:

<script language="JavaScript" src="" id="my"></script>
<script>
setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒
</script>
ログイン後にコピー

2 番目に、JS 広告コードが最後に読み込まれます

JS を挿入する必要がある場所に次のコードを挿入します:

プログラムコード

<SPAN id=L4EVER>LOADING...</SPAN>
ログイン後にコピー

もちろん、この LOADING は、お好みの小さな画像に変更できます。AJAX が非常に効果的です。

次に、ページの下部に次の内容を挿入します:

<SPAN class=spanclass id=AD_L4EVER>
你的JS代码在这里!</SPAN>
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>
ログイン後にコピー

3 番目に、JS は最後にロードされます

JS広告コードを表示したい場所

<div id="guangg1"></div>
ログイン後にコピー

表示したい広告コンテンツ

<div id="ggad1"><script language="javascript"
src="/frontpage/include/php100.js"></script></div>
ログイン後にコピー

表示する広告位置が存在するかどうかを判断します

<script>
function chkdiv(divid){
var chkid=document.getElementById(divid);
if(chkid != null)
{return true; }
else
{return false; }
}   最后就是显示JS广告代码了
if (chkdiv('guangg1')) {
document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
document.getElementById('ggad1').innerHTML="";
}
</script>
ログイン後にコピー
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!