Cara Menampilkan Waktu Loading Blog

Lama waktu muat sebuah halaman blog adalah hal yang sangat penting untuk dioptimalkan. Bagi kebanyakan pengunjung sebuah blog, kecepatan muat halaman merupakan hal yang menjadi faktor tertarik atau tidaknya mereka pada blog Anda, selain pada konten tentunya.

Untuk mengetahui kecepatan muat halaman blog, Anda dapat melakukan pengecekan tersendiri, misalnya melalui GTmetrix. Namun, bagaimana bila kita ingin menampilkannya langsung pada blog?

1. Login ke blogger dan pilih menu Tata Letak.

2. Tambahkan gadget dan pilih "HTML/Javascript".

3. Masukkan kode dibawah ini pada editor HTML/Javascript Anda.

<style>
#aiizahh-loading {
font-size: 12px;
font-weight: bold;
font-family: Oswald,sans-serif;
background-color:#5BE0A8;
display:block;
}
</style>
<div id="aiizahh-loading">Mohon Tunggu...</div>
<script type="text/javascript">
var showTime = document.getElementById('aiizahh-loading'),
    startTime = (new Date()).getTime(); // Get the time before `window.onload`
 window.onload = function() {
    // Get the current time in `window.onload`
    var endTime = (new Date()).getTime();
    // Show the result inside `#aiizahh-loading`
    showTime.innerHTML = "Total waktu muat halaman : " + ((endTime-startTime)/1000) + " detik";
};
</script>

4. Klik Simpan.

DEMO

Coba buka blog Anda, maka widget yang menampilkan waktu muat blog Anda sudah terpampang, dimana Anda bisa meletakkannya pada sidebar, footer, dan lain-lain.