Sonradan Yükleme (Lazysizes)
Lazysizes eklentisi bir web sitesinde resimleri önceden yüklemek yerine ihtiyaç duyulana kadar gizler ve scroll ile resmin bulunduğu alana geldiğiniz zaman yüklemeye başlar. Lazysizes'ın bu önemli özelliği web sitesi performansını artırarak daha hızlı yüklenmesine neden olur.
Lazysizes eklentisi bir web sitesinde resimleri önceden yüklemek yerine ihtiyaç duyulana kadar gizler ve scroll ile resmin bulunduğu alana geldiğiniz zaman yüklemeye başlar. Lazysizes'ın bu önemli özelliği web sitesi performansını artırarak daha hızlı yüklenmesine neden olur. İlk sayfa yükleme sırasında ekran dışında kalan resimler, bu teknik için ideal adaylardır. Hepsinden iyisi, Lazysizes bunu uygulaması çok basit bir strateji haline getirir.
Bir örnek vermek gerekirse:
<img src="webimonline.webp">img etiketini bu şekilde kullanmak yerine;
<img data-src="webimonline.webp" class="lazyload">bu şekilde kullanmanız gerekmektedir.
Altyapıyı Bize Bırakın, İşinize Odaklanın
Sunucu kurulumu, güvenlik yamaları ve performans optimizasyonunu uçtan uca yönetiyoruz. Siz teknik detaylarla değil, ürününüzle ilgilenin.
İnceleSon işlem olarak lazysizes.min.js dosyasını projenize eklemeniz halinde lazysizes çalışmaya başlayacaktır.
SEO için önemli bir konuma sahip olan resimler sayfanıza ciddi anlamda problem katabilir. Resimlerinizi sıkıştırıp ayrıca Lazysizes kullandığınız takdirde web projenizde ki tüm resim(img) hatalarından kurtulabilirsiniz.
Bu içerik ilham verdi mi? Hadi konuşalım.
Okuduklarınızı kendi projenize uyarlamak veya dijital süreçlerinizi geliştirmek için ekibimizle doğrudan iletişime geçebilirsiniz. Sorularınızı yanıtlamak ve size özel çözüm önermek için buradayız.
Güncellemeleri Kaçırma
Ödeme sistemleri, entegrasyonlar ve dijital çözümler hakkında güncel içerikleri kaçırmayın.