Rumah  >  Artikel  >  hujung hadapan web  >  Pemuatan kod JavaScript yang ditangguhkan meningkatkan petua speed_javascript

Pemuatan kod JavaScript yang ditangguhkan meningkatkan petua speed_javascript

WBOY
WBOYasal
2016-05-16 15:23:171056semak imbas

Pemuatan kod js yang tertunda meningkatkan kelajuan Kandungan khusus adalah seperti berikut:

Jika terdapat sejumlah besar kod javascript dalam halaman web, ia akan sangat mempengaruhi kelajuan akses halaman web Berikut adalah pengenalan ringkas tentang cara menangani masalah ini.

1. Kelewatan memuatkan fail js:

Anda boleh menggunakan fungsi pemasa setTimeout() untuk menangguhkan pemuatan fail js luaran, contohnya:

<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>

Kod di atas dapat menyedari bahawa kod js akan dimuatkan selepas 3 saat, yang boleh meningkatkan kelajuan ke tahap tertentu.

2. Letakkan kod js di belakang kandungan halaman web:

Ini agak mudah, tidak perlu dikatakan, ia adalah untuk meletakkan kod js di belakang kandungan halaman web, satu di bahagian bawah badan, supaya kandungan boleh dimuatkan dahulu dan kemudian kod js dilaksanakan , yang juga boleh meningkatkan prestasi pada tahap tertentu.

Yang berikut akan memperkenalkan kepada anda cara menangguhkan pemuatan atau pemuatan akhir kod pengiklanan JS untuk mempercepatkan pemuatan halaman

Kod pengiklanan JS menangguhkan pemuatan atau dimuatkan terakhir untuk mempercepatkan pemuatan halaman Jika terdapat banyak kod pengiklanan JS dalam halaman, atau kod js/' target='_blank' class='u'>JS yang lain. terlalu besar, ini Ia akan mengambil banyak masa untuk dimuatkan. Gunakan kod iklan JS untuk menangguhkan pemuatan atau muat terakhir untuk mempercepatkan pemuatan halaman.

Pertama, JS malas memuat

Kod adalah seperti berikut:

<script language="JavaScript" src="" id="my"></script>
<script>
setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒
</script>

Kedua, kod iklan JS dimuatkan terakhir

Masukkan kod berikut di mana JS perlu dimasukkan:

Kod program

<SPAN id=L4EVER>LOADING...</SPAN>

Sudah tentu, LOADING itu... anda boleh menukarnya kepada gambar kecil yang anda suka. Nampak sangat berkesan AJAX.

Kemudian masukkan di bahagian bawah halaman:

<SPAN class=spanclass id=AD_L4EVER>
你的JS代码在这里!</SPAN>
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

Ketiga, JS dimuatkan terakhir

Tempat anda mahu memaparkan kod iklan JS

<div id="guangg1"></div>

Kandungan pengiklanan yang ingin anda paparkan

<div id="ggad1"><script language="javascript"
src="/frontpage/include/php100.js"></script></div>

Tentukan sama ada kedudukan iklan yang akan dipaparkan wujud

<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>
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn