Cara mempercepat loading blog dengan LazyLoad google adsense, Berapa lama sebuah situs dibuka oleh browser menjadi syarat penting untuk mendongkrak popularitas sebuah blog. Nah waktu render yang paling lama untuk sebuah blog agar pegunjung nyaman dan tidak pergi meninggalkan artikel kita sekitar 3 detik. Lebih dari itu artikel Anda akan di abaikan oleh pelanggan kecuali memang info yang kamu bagikan tidak ada di Website lain.
Jangan sampai karena alasan monetasi blog baru yang sepi pengunjung agar mendapat banyak pundi-pundi uang ($) membuat para publiser menempatkan banyak iklan diblog mereka. Ketahuilah, meski pihak adsense telah mengklaim memaksimalkan scrip iklan mereka hingga tidak memberatkan blog akan tetapi pada kenyataanya tetap membebani waktu loading blog.
Untuk membuktikan hal tersebut silahkan cek kecepatan situs anda di GTmetrix, pada kolom http request pasti banyak url yang mengganggu dan mengurangi kecepatan situs terutama Scrip iklan. Dan disana anda akan di sarankan untuk memaksimalkan scrip adsense tersebut.
Scryp LazyLoad Google Adsense
Langkah untuk meringankan loading iklan google adsense dengan menghapus scrip tertentu perlu di lakukan demi menjaga kredibilitas dan kenyamanan visitor. Jika anda sanggup tingkatkan kecepatan situs yang anda kelola menjadi 1 detik atau kurang.
Perlu anda tahu kecepatan blog yang anda baca saat ini dulunya berkisar 5 detik, sekarang antara 2-3 detik saja karena pengaruh scrip iklan yang saya maksimalkan dengan lazyload google adsense. Selain itu anda juga perlu menghapus atau memaksimalkan scrip js pada template.
Lalu apa yang saya lakukan hingga bisa menghasilkan kecepatan blog meningkat sampai begitu pesat? Trik yang saya lakukan adalah memasang Lazy Load Google adsense.
Cara memasang Lazy Load Google Adsense cukup mudah, mari lakukan beberapa langkah berikut :
- Masuk Blogger dan login ke akun Blogger anda.
- Masuk menu Template kemudian edit.
- Tambahkan Scrip berikut di atas kode </body>
<script>
//<![CDATA[
var lazyadsense = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) {
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazyadsense = true;
}
}, true)
//]]>
</script>
- Simpan Template. (Scrip by kompi Ajaib)
Memasang Lazy Load Google dsense sudah selesai, sekarang hapus scrip pada setiap kode iklan Google Adsense. Perhatikan dengan baik kode yang harus anda hapus.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Header jeritan -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-5567xxxxxxxxxxxx"
data-ad-slot="9249610xxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Hapus Scrip yang saya tandai dengan warna merah di atas. Pastikan kode yang anda hapus hanya kode tersebut.
Note :
- Untuk memasang iklan pada Sidebar atau Gadget anda hanya perlu masuk ke Tataletak >> Tambahkan Gadget >> HTML JavaScrip >> Masukkan kode Iklan pada kolom Konten >> Simpan.
- Memasang iklan dalam postingan, Silahkan parse terlebih dahulu kode iklan yang sudah anda hilangkan Scrip-nya di Sini, Masuk Template >> Edit HTML >> Pastekan kode iklan yang sudah di parse pada tempat dimana iklan tersebut akan di tanpilkan, misal di atas atau bawah kode <data:post.body/> kemudian Simpan.
- Setelah anda pasang kode Scrip Lazyload Google adsense tersebut maka iklan akan tampil setelah pengunjung menggerakkan cursor atau berinteraksi dengan isi postingan.
- Lazyload Adsense terbukti meningkatkan tampilan Ads di blog yang memperbesara rasio terjadinya klik pada blog yang anda kelola, hal tersebut karena iklan akan tersaji dengan sempurna.
Tidak ada komentar:
Posting Komentar