Jadikan Gambar Progresif Lebih Baik Memuat dengan AntiModerate
Skrip AntiModerate mungkin tidak terlalu banyak terdengar. Tetapi ini adalah salah satu skrip JS terbaik yang dapat Anda jalankan untuk meningkatkan kinerja pada halaman yang lebih besar dan mempertahankan pengalaman pengguna yang kuat.
Dengan ini plugin gratis, Anda dapat memuat gambar ketika mereka muncul dalam tampilan dan kurangi ukuran halaman total Anda.
Dengan cara ini seluruh halaman dapat dimuat pertama dengan placeholder kecil untuk gambar. Kemudian pengunjung Anda menjelajah secara alami tanpa menunggu setiap aset dimuat - selalu merupakan hal yang baik dari perspektif pengguna!
Begini caranya: Anda menambahkan plugin AntiModerate ke halaman Anda bersama dengan skrip StackBlur.js.
AntiModerate menarik dimensi gambar dan memaksa semua tag img ke ukuran tetap pada halaman. Gambar-gambar yang dimuat sebelumnya didorong melalui StackBlur.js yang secara drastis mengurangi ukuran file pratinjau total, sehingga memuat halaman jauh lebih cepat.
Setelah gambar yang lebih kecil ini berada di tempat maka AntiModerate memuat gambar ukuran penuh di latar belakang. Setiap foto buram kemudian diganti dengan foto biasa setelah selesai diunduh. Mudah!
Ini menghemat banyak waktu menunggu gambar dan itu membantu memuat halaman Anda lebih cepat. Ini adalah manfaat besar bagi pengguna karena mereka dapat mulai mengkonsumsi konten lebih cepat, dan bermanfaat bagi peringkat SERP Anda karena Google sangat peduli dengan kecepatan halaman.
Anda dapat menginstal perpustakaan langsung dengan npm atau Bower, atau dengan menarik skrip melalui GitHub.
Ini hanya memerlukan beberapa baris JavaScript dan itu pasti akan membantu meningkatkan pemuatan halaman Anda. Mengintip repo GitHub dan gulir ke bawah ke panduan pengaturan untuk memulai.
Dengan hanya beberapa baris kode, AntiModerate harus menjadi no-brainer untuk dapat berjalan di halaman mana pun.
Belum lagi ini berjalan JavaScript murni jadi itu tidak memerlukan dependensi seperti jQuery untuk bisa bekerja.
