Theme62

Anda dapat menggunakan Lazyload untuk menunda elemen tidak dimuat hingga tampil di area pandang, berguna untuk meningkatkan kecepatan pemuatan awal.

Lazyload dapat diterapkan di seluruh elemen, seperti: Image, Iframe, JavaScript dan lainnya.

Cara penerapannya diapit oleh kode noscript

• (a) Contoh penggunaan - Iframe

  Tanpa Lazyload :

  	<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/AxyPASIXz1k" title="YouTube video player" width="560"></iframe>
  

  Dengan Lazyload :

  	<noscript>
  <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/AxyPASIXz1k" title="YouTube video player" width="560"></iframe>
  </noscript>
  

• (b) Contoh penggunaan - Image

  Tanpa Lazyload :

  	<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-P6Jx6INo0bo/YQoAa5-4-PI/AAAAAAAAYco/tn6ra2fKwswVjgI-ViCMTvcZq2cBdZh_QCLcBGAsYHQ/s613/docs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="345" data-original-width="613" height="360" src="https://1.bp.blogspot.com/-P6Jx6INo0bo/YQoAa5-4-PI/AAAAAAAAYco/tn6ra2fKwswVjgI-ViCMTvcZq2cBdZh_QCLcBGAsYHQ/w640-h360/docs.png" width="640" /></a></div>
  

  Dengan Lazyload :

  	<noscript>
  <div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-P6Jx6INo0bo/YQoAa5-4-PI/AAAAAAAAYco/tn6ra2fKwswVjgI-ViCMTvcZq2cBdZh_QCLcBGAsYHQ/s613/docs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="345" data-original-width="613" height="360" src="https://1.bp.blogspot.com/-P6Jx6INo0bo/YQoAa5-4-PI/AAAAAAAAYco/tn6ra2fKwswVjgI-ViCMTvcZq2cBdZh_QCLcBGAsYHQ/w640-h360/docs.png" width="640" /></a></div>
  </noscript>
  

• (c) Contoh penggunaan - JavaScript

  Tanpa Lazyload :

  	<script>
  var x = "Hello Blogger";
  console.log(x);
  </script>
  

  Dengan Lazyload :

  	<noscript>
  <script>
  var x = "Hello Blogger";
  console.log(x);
  </script>
  </noscript>