Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

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

 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 

&lt;!--<body>--&gt;&lt;body&gt;

ubah </body> menjadi

&lt;!--</body>--&gt;&lt;/body&gt;

ubah <head> menjadi

&lt;!--<head>--&gt;&lt;head&gt;

ubah </head> menjadi 

&lt;!--</head>&lt;/head&gt;

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

pagespeed
home pagespeed optimalisasi

post pagespeed
post pagespeed optimalisasi


Posting Komentar untuk " cara membuat lazyload img/gambar, script, sidebar di semua template blogger "