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

Pemuatan kod JavaScript yang ditangguhkan meningkatkan petua speed_javascript

WBOY
Lepaskan: 2016-05-16 15:23:17
asal
1080 orang telah melayarinya

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>
Salin selepas log masuk

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>
Salin selepas log masuk

Kedua, kod iklan JS dimuatkan terakhir

Masukkan kod berikut di mana JS perlu dimasukkan:

Kod program

<SPAN id=L4EVER>LOADING...</SPAN>
Salin selepas log masuk

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>
Salin selepas log masuk

Ketiga, JS dimuatkan terakhir

Tempat anda mahu memaparkan kod iklan JS

<div id="guangg1"></div>
Salin selepas log masuk

Kandungan pengiklanan yang ingin anda paparkan

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

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>
Salin selepas log masuk
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan