Lazy Loading

Tunda pemuatan gambar, iframe dan skrip.

After Dark menggunakan lazySizes untuk memprioritaskan pemuatan sumber daya eksternal tertentu untuk meningkatkan waktu pemuatan halaman dan membantu mengurangi konsumsi bandwith secara keseluruhan.

Lazy loading bekerja secara otomatis untuk Custom Homepage thumbnails, Post Images dan ketika menggunakan Figure Shortcode, atau terkait dengan Snippet, seperti yang terlihat sebagai berikut:

Be Creative
Be Creative AK¥N Cakiner

Untuk menggunakan lazy loading di Custom Layouts atau saat membuat milik anda sendiri Shortcodes menambahkan atribut kelas lazyload dan data yang relevan seperti yang ditunjukkan di sini:

<!-- non-responsive -->
<img data-src="image.jpg" class="lazyload">

<!-- responsive with automatic sizes calculation -->
<img
  data-sizes="auto"
  data-src="image2.jpg"
  data-srcset="image1.jpg 300w, image2.jpg 600w, image3.jpg 900w"
  class="lazyload">

<!-- iframe example -->
<iframe frameborder="0"
  class="lazyload"
  allowfullscreen
  data-src="//www.youtube.com/embed/ZfV-aYdU4uE">
</iframe>

Lihat lazySizes sebagai informasi dan contoh tambahan.