Anasayfa » Toolkit » AntiModerate ile Daha İyi İlerleyen Görüntüler Yükleme

    AntiModerate ile Daha İyi İlerleyen Görüntüler Yükleme

    AntiModerate betiği pek benzemiyor olabilir. Ancak, daha büyük bir sayfadaki performansı artırmak ve güçlü bir kullanıcı deneyimi sağlamak için çalıştırabileceğiniz en iyi JS komut dosyalarından biridir..

    Bununla ücretsiz eklenti, göründüğü zaman görüntüleri yükleyebilirsiniz ve toplam sayfa boyutunu küçült.

    Bu şekilde tüm sayfa yüklenebilir ilk görüntüler için küçük yer tutucularla. Ardından ziyaretçileriniz, her varlığın yüklenmesini beklemeden doğal olarak gezinir - her zaman kullanıcının bakış açısından iyi bir şeydir!

    İşte böyle çalışır: AntiModerate eklentisini, StackBlur.js betiğiyle birlikte sayfanıza eklersiniz.

    AntiModerate görüntü boyutlarını çeker ve tüm img etiketlerini sayfadaki sabit bir boyuta zorlar. Önceden yüklenmiş bu görüntüler, toplam önizleme dosya boyutunu önemli ölçüde azaltan StackBlur.js ile itilir, böylece sayfayı bir süre içinde yükler..

    Bu küçük görüntüler bir kez yerleştirildikten sonra, AntiModerate tam boyutlu görüntüleri arka planda yükler. Her bulanık fotoğraf indirildikten sonra normal fotoğrafla değiştirilir. Kolay!

    Bu görüntüleri beklerken zaman kazandırır ve sayfanızın daha hızlı yüklenmesine yardımcı olur. İçeriği daha erken tüketmeye başladıkları için kullanıcılar için çok büyük bir yarar sağlar ve Google sayfa hızı hakkında çok fazla önem verdiğinden SERP sıralamanıza yarar sağlar.

    Kütüphaneyi doğrudan npm veya Bower ile ya da betiği GitHub'dan çekerek kurabilirsiniz..

    Bu sadece birkaç satır JavaScript gerektirir ve sayfanızın yüklenmesini iyileştirmeye yardımcı olduğundan emin olabilirsiniz. GitHub deposuna bir göz atın ve başlamak için kurulum kılavuzuna ilerleyin.

    Yalnızca birkaç kod satırında, AntiModerate herhangi bir sayfada yayınlanmayacak kadar akıllı olmalıdır.

    Bu devam ediyor bahsetmiyorum saf JavaScript bu yüzden çalışmak için jQuery gibi herhangi bir bağımlılık gerektirmez.