cara membuat lazyload img/gambar, script, sidebar di semua template blogger

November 02, 2022

cara membuat lazyload di blogger cukup mudah seperti template saya ini yaitu template linkmagz yang sudah saya full modif dari head samapai bawah body dengan script lazyload dan script defer.js

code lazyload

script lazyload dibawah ini taro di atas </body>

<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>

code adsense agar lazyload

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-3332833530644275"
     data-ad-slot="1946063990"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
    </script>

ubah <body> menjadi

<body>

ubah </body> menjadi

</body>

ubah <head> menjadi

<head>

ubah </head> menjadi

<!--</head></head>

selesai. tahap akhir anda harus benerin beberapa tampilan warna dan widget jika berantakan atau tidak sesuai dengan template awal anda di bagian css nya

hasilnya dari maximal hanya sekitar 40-80 saja sekarang bisa sampai

home pagespeed optimalisasi

post pagespeed optimalisasi