Mengoptimalkan Histats Untuk Mempercepat Blog

Untuk Mengoptimalkan kecepatan website pastinya kalian harus memperhatikan widget atau plugin yang mengganggu kecepatan web. Terutama untuk plugin / widget yang sering digunakan. Namun yang perlu diperhatikan lebih dalam adalah script yang terdapat widget tersebut.

Jika widget / plugin tersebut mengandung javascript external (contoh : <script src ="../test.js" />) Pastinya itu akan memberatkan website dan memperlambat loading website. Walaupun di anggap sepele namun ini punya pengaruh besar untuk kecepatan website. Kali ini admin akan membahas salah satu tools / widget yang sering digunakan bahkan realtime yang dapat sedikit menghambat kecepatan website. Tools ini bernama Histats.

Histats adalah tools yang memiliki fungsi sebagai pemantau lalu lintas pengunjung website mulai dari kata kunci yang digunakan pengunjung yang masuk ataupun yang lain. Di kalangan blogger histats sudah merupakan senjawa wajib.

Untuk memastikan histats bisa sedikit menghambat loading blog, admin telah melakukan uji coba memasukan script histats yang menggunakan javascript external, dan mengujinya di GTmetrix dan ini hasilnya.

Script histats menggunakan javascript

<!-- Histats.com  (div with counter) -->
<div id="histats_counter"></div>
<!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', 'x,xxxxxxx,x,xxx,x,x,xxxxxxxxx']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?xxxxxxx&xxx" alt="" border="0"></a></noscript>
<!-- Histats.com  END  -->

Hasil di GTmetrix (menggunakan script JS)

Script JS nya masuk ke leverage browser chaching sehingga sedikit memberatkan website. Oleh karena itu kalian bisa menggunakan script yang tidak menggunakan javascript. Contoh scriptnya seperti ini.

Script histats no javascript

<!-- Histats.com  START (html only)-->
<a href="/" alt="page hit counter" target="_blank" >
<embed src="//s10.histats.com/511.swf"  flashvars="jver=1&acsid=xxxxxxx&domi=x"  quality="high"  width="95" height="18" name="511.swf"  align="middle" type="application/x-shockwave-flash" pluginspage="//www.macromedia.com/go/getflashplayer" wmode="transparent" /></a>
<img  src="//sstatic1.histats.com/0.gif?xxxxxxx&xxx" alt="" border="0">
<!-- Histats.com  END  -->

untuk mendapatkan scriptnya silakan kalian masuk ke dashboard web histats kalian, kemudian di kanan atas klik COUNTER CODE > Penghitung Standar > No Javascript

Hasil di GTmetrix (Script histats no javascript)

Namun ada juga yang perlu kalian lakukan untuk menggunakan kode no javascript, yaitu kalian harus mengaktifkan akses flash player di situs kalian. Cukup rumit bukan?.

Untuk mengoptimalkannya Simak cara berikut.

Silakan kalian HAPUS tag <embed> atau yang di tandai merah nya simak dibawah ini.

Sebelum (Script Histats No Javascript)
<!-- Histats.com  START (html only)-->
<a href="/" alt="page hit counter" target="_blank" >
<embed src="//s10.histats.com/511.swf"  flashvars="jver=1&acsid=xxxxxxx&domi=x"  quality="high"  width="95" height="18" name="511.swf"  align="middle" type="application/x-shockwave-flash" pluginspage="//www.macromedia.com/go/getflashplayer" wmode="transparent" /></a>
<img  src="//sstatic1.histats.com/0.gif?xxxxxxx&xxx" alt="" border="0">
<!-- Histats.com  END  -->
~Tambahkan aria-label, Alt, Title, simak yang ditandai. Ubah namanya sesuai keinginan.
Sesudah (Script Histats No Javascript)
<!-- Histats.com  START (html only)-->
<img  src="//sstatic1.histats.com/0.gif?xxxxxxx&xxx" alt="histatmediaachmad" title="histatmediaachmad" aria-label="histatmediaachmad" border="0">
<!-- Histats.com  END  -->

Sekarang kita lihat di website kalian, Notifikasi akses ke Flash telah hilang, dan website kalian sudah sedikit cepat setelah terpasang histats.

Mungkin itu yang dapat admin sampaikan semoga dapat bermanfaat, apa bila terdapat kesalahan admin minta maaf, silakan berkomentar. Sekian dan Terima Kasih.

Mengoptimalkan Histats Untuk Mempercepat Blog
Wahyu Achmad
Her Blue Sky

Postingan Terkait

Posting Komentar