Panduan Lazyload 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>