Membuat Gambar Pemajuan yang Lebih Baik dengan AntiModerate

Skrip AntiModerate mungkin tidak terdengar seperti banyak. Tetapi ia adalah salah satu skrip JS terbaik yang anda boleh laksanakan untuk meningkatkan prestasi pada halaman yang lebih besar dan mengekalkan pengalaman pengguna yang kuat.

Dengan ini plugin percuma, anda boleh memuatkan imej apabila ia kelihatan dalam pandangan dan mengurangkan saiz halaman anda.

Dengan cara ini keseluruhan halaman boleh dimuatkan pertama dengan pemegang tempat kecil untuk imej. Kemudian pelawat anda melayari secara semula jadi tanpa menunggu setiap aset untuk dimuatkan - selalu menjadi perkara yang baik dari perspektif pengguna!

Begini cara ini berfungsi: anda menambah plugin AntiModerate ke halaman anda bersama skrip StackBlur.js.

AntiModerate menarik dimensi imej dan memaksa semua tag img ke dalam saiz tetap pada halaman. Imej pra-dimuat ini didorong melalui StackBlur.js yang secara drastik mengurangkan saiz fail pratonton, dengan itu memuatkan halaman secara keseluruhan lebih cepat.

Apabila imej-imej kecil ini di tempat maka AntiModerate memuatkan imej bersaiz penuh di latar belakang. Foto setiap kabur kemudian digantikan dengan foto biasa setelah selesai memuat turun. Mudah!

Ini menjimatkan banyak masa menunggu imej dan ia membantu beban halaman anda lebih cepat. Ini adalah manfaat yang besar kepada pengguna kerana mereka boleh mula memakan kandungan lebih awal, dan ia memberi manfaat kepada kedudukan SERP anda kerana Google peduli banyak tentang kelajuan halaman.

Anda boleh memasang perpustakaan secara langsung dengan npm atau Bower, atau dengan menarik skrip melalui GitHub.

Ini hanya memerlukan beberapa baris JavaScript dan ia pasti dapat membantu meningkatkan beban halaman anda. Dapatkan pengintipan di repo GitHub dan tatal ke bawah untuk panduan persediaan untuk bermula.

Dengan hanya beberapa baris kod, AntiModerate sepatutnya menjadi no-brainer untuk berjalan di mana-mana halaman.

Belum lagi ini berjalan JavaScript tulen jadi ia tidak memerlukan sebarang kebergantungan seperti jQuery untuk berfungsi.