Vanilla JS ile Görüntüleri Sürekli Olarak Tembel Yüklemenizi Sağlar

Her modern web sitesinin hızlı olması gerekiyor. Sayfa hızını artırmak için birçok teknik ve eklenti olsa da, nereden başlayacağınızı bilemeyebilirsiniz..

Progressively betiği bir Sayfa hızını artırmak için harika bir kaynak. Kullanıcı sayfayı kaydırırken resimleri aşamalı olarak yükleyen tembel bir yükleme görüntüsü komut dosyası olarak çalışır..

Ücretsiz bir açık kaynak projesidir, böylece bunu indirebilir ve herhangi bir web sitesinde çalıştırabilirsiniz. Artı o % 100 vanilya JS'sinde çalışır, böylece sizi ağırlaştırabilecek sıfır bağımlılığı vardır.

Progressively ana sayfasındaki canlı demoya bakabilirsiniz..

Diğer tembel yük komut dosyalarından biraz farklıdır çünkü tüm sayfa için sabit görüntü boyutlarını korur. Bu Resimler hızla görüntüye yüklendiğinde gördüğünüz her zaman sinir bozucu sayfa atlamalarını önler ve içerik yüksekliğini artırmak.

Ve görüntü yer tutucuları aslında yüklediğiniz görüntülere benziyor. müthiş!

Bu temiz teknik ziyaretçilere bir şans verir. yüklenmeden önce görüntülerin nasıl göründüğünün önizlemesini görüntüleyin. Hepsi, kullanıcının sayfadaki konumunu kontrol eden ve görüntüleri göründükleri sırada önden yükleyen JavaScript aracılığıyla işlenir.

İlerici bir oldukça kapsamlı API bu yüzden web geliştiricileri için mükemmel bir seçimdir. Kurulum teknik öneme sahiptir, böylece temel önyüz kodlamada yolunuzu biliyorsanız yardımcı olur..

Ancak, tam API belgelerini, kurulum talimatlarını ve projeleriniz için kopyalayıp yapıştırabileceğiniz örnek kod parçacıklarını içeren ana GitHub sayfasında daha fazla bilgi edinebilirsiniz..

Kötü bağımlılıklar olmadan güvenilir bir tembel yükleme görüntü komut dosyasına ihtiyacınız varsa, o zaman Progressively bir şans verin. Tamamen ücretsizdir ve geliştiriciler için çok fazla özelleştirme sunar..

Ayrıca daha fazla bilgi edinmek ve indirilebilir kaynak kodunu bulmak için Progressively GitHub'a göz atın.