Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Mempercepat Loading Blog atau Website dan Cara Mudah Menggunakan Lazy Load

Hay teman - teman kali ini saya berbagi tips Cara Mempercepat Loading Blog atau Website dan Cara Mudah Menggunakan Lazy Load. Simak dengan baik -  baik ya teman - teman agar tidak salah.

Berikut caranya :

  • Buka akun blogger kalian  terus pilih tema dan setelah itu pilih Edit Html.


  • Setelah itu Ctf dan cari kode Body,


  • Dan letakan kode ini diatas atau di bawah kode body.
<script async='async' src='https://cdn.rawgit.com/aFarkas/lazysizes/gh-pages/lazysizes.min.js' type='text/javascript'></script> <script> //<![CDATA[ for(var imgEl=document.getElementsByTagName("img"),i=0;i<imgEl.length;i++)imgEl[i].getAttribute("src")&&(imgEl[i].setAttribute("data-src",imgEl[i].getAttribute("src")),imgEl[i].className+=" lazyload",imgEl[i].setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=")); $(document).ready(function() {     $('iframe[src*="youtube.com"]').wrap('<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 auto;width:100%"></div>').css({         "position": "absolute",         "top": "0",         "left": "0",         "width": "100%",         "height": "100%",         "border": "0"     }).addClass("lazyload").each(function() {         $(this).attr("data-src", $(this).attr("src"));         $(this).removeAttr("src", "")     }); }); //]]> </script>
Lihat hasilnya di sini https://pagespeed.web.dev/?utm_source=psi&utm_medium=redirect  untuk melihat kecepat blog kalian.

Begitulah cara untuk mempercepat loading blog atau web. Saya disini hanya saling berbagi.
Terimakasih. Maaf bila ada salah dalam tulisannya. Semoga bermanfaat.

Posting Komentar untuk "Cara Mempercepat Loading Blog atau Website dan Cara Mudah Menggunakan Lazy Load"