Cara Mempercepat Loading Blog Iklan Adsense
Cepatnya loading sebuah blog sangat penting saat ini, namun sayang Iklan Google Adsense memperlambat kecepatan loading blog itu sendiri. Script Iklan Adsense yang terpasang dalam blog membuat skor Google Pagespeed Insights menurun dratis. Kode iklan tersebut menambah beban loading blog kita menyadi berat karena harus memunculkan gambar otomatis berganti.
Loading blog yang lambat akan kehilangan jumlah pengunjung alias ditinggalkan karena keterlambatan pemuatan halaman dibrowser untuk ditampilkan. Seberapa cepatnya loading blog anda jika di pasang script iklan dari google adsense akan tetap menjadi lambat. Lihat perbadingan hasil skor Google Pagespeed Insights diblog ini, sebelum dan sesudah dipasangkan iklan.
Gambar loading Sebelum ada iklan diblog.
Gambar loading Sesudah ada iklan diblog.
Setelah anda melihat hasil uji kecepatan loading blog sebelum dan sesudah ada iklan pasti merasa kecewa. Padahal Adsense adalah salah satu sumber penghasilan, tenang ada solusinya. Lalu bagimana solusinya ?. Solusinya adalah dengan cara memasang Script Lazyload AdSense. Dengan lazyload adSense ini kita dapat mempercepat loading blog.
Kenapa lazyload dapat mempercepat loading blog ?. Script lazyload bekerja untuk menunda pemuatan iklan sampai halaman sebuah blog ditampilkan pada browser dan akan muncul setelah user melakukan scroll. Sehingga beban pada blog itu berkurang saat pertama kali loading dan dapat mempercepat memuatan halaman.
Sekarang kita akan masuk pada "Cara Mempercepat Loading Blog Iklan Adsense" dengan memasang lazyload dibawah ini.
- Cara memasang lazyload adSense diblog.
- Langkah pertama.
- Buka Blogger anda.
- Cari tema dan edit HTML.
- Kemudian cari kode </body> atau kode <!--</body>--></body> Biasanya kode ini berada paling bawah pada template html blog.
- Kemudian copy kode lazyload dibawah ini.
- Klik Simpan tema.
- Langkah Kedua. Pada langkah kedua ini kita akan menerapkan kode iklan agar kode iklan dan lazyload bekerja dengan baik.
- Buka akun adsense anda.
- Klik Iklan dan buat unit iklan. Kode unit iklan akan terlihat seperti ini.
- Hapus kode seperti ini <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> karena sudah ada pada script lazyload.
- Silahkan tempatkan kode iklan tadi terserah anda mau menempatkannya dimana. Contoh kodenya seperti ini.
<script type='text/javascript'>
//<![CDATA[
// lazyadsense
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>
Pastekan diatas atau sebelum kode </body> atau kode <!--</body>--></body>.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-xxxxxxxxxxxxxx"
data-ad-slot="xxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-xxxxxxxxxxxxxx"
data-ad-slot="xxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Jika anda sudah terlanjur dalam memasang kode unit iklan dalam blog anda. Silahkan cari kode seperti ini <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> dalam blog anda baik itu berada pada HTML maupun yang ada pada widget dan hapus semua. Ingat ya hapus semua kode seperti itu.
Silahkan di cek kecepatan loading blog anda dan lihat hasilnya sendiri, menjadi cepat bukan. Terima kasih***