Kamis, 09 Februari 2012

Cara Membuat Widget Page Loading Time

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip73Qly54vvZ1UNCwzURbWaALUFYAZpxmivCwUD8XFjwAx-ch9EOOUZtqIEln9GnHdZ0jMy2C5C6gluUZNug8-YpiwwxzKa3vHcm_l0mzYRO9QgIsmdolQll_kbBfsqa_kY42rcwaCWHWB/s800/Page-Loading-Time.jpg 
Kali ini kita akan membuat script Page Loading Time. Page Loading Time atau Waktu Pemuatan Halaman merupakan perangkat bantu untuk mengetahui waktu yang dibutuhkan untuk memanggil keseluruhan halaman dari suatu halaman situs atau blog. Dengan widget ini kita bisa mengetahui kecepatan load halaman blog, ini akan memicu pengelola blog untuk mengoptimasi blognya agar lebih cepat. Langkah-langkah untuk mengoptimasi blog akan dibahas pada artikel berikutnya. Satuan yang akan digunakan adalah milidetik jadi jika anda ingin menggunakan satuan waktu menit kira-kira bagaimana ya? Mari kita coba memasang script page loading time.


Memasang Script Page Loading Time

Langkah 1
Login ke Blogger

Langkah 2
Masuk ke "Rancangan - Edit HTML"
 

Langkah 3
Cari kode dibawah ini:

</head>

Langkah 4
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 3:


<script type='text/javascript'>//<![CDATA[
var now = new Date();
window.onload = function() {
document.getElementById("waktuload").style.display = "block";
document.getElementById("milidetik").innerHTML = (new Date()).getTime() - now.getTime(); 
}
//]]></script>


Langkah 5
Cari kode dibawah ini:
 
<body>

Langkah 6
Kemudian ganti dengan kode <body>  dengan kode dibawah ini:


<body id="waktuload">
  
Langkah 7
Tempatkan kode dibawah ini dimana saja sesuai dengan keinginan anda


Loading time <span id='milidetik'/> ms
Perhatian : Kode diatas akan menampilkan waktu pemuatan halaman yang sedang anda lihat.
 

Langkah 8
Simpan template dan preview blog anda....

Selamat mencoba dan semoga berhasil. Happy Blogging :)

Tidak ada komentar:

Posting Komentar