Ekran dışındaki resimler, web sitelerinin sayfa yüklenme süresini artıran ve kullanıcı deneyimini olumsuz etkileyen gereksiz kaynaklardır. Bu resimler, sayfanın görünür kısmında olmayan ve kullanıcı kaydırma yapmadan göremeyeceği resimlerdir. Ekran dışındaki resimleri engellemenin birkaç yolu vardır:
- Resimleri tembel yükleme (lazy loading) tekniğiyle yüklemek. Bu teknik, sayfa yüklenirken sadece görünür resimleri yükler ve kullanıcı kaydırdıkça diğer resimleri yükler. Böylece, ekran dışındaki resimler gereksiz yere yüklenmez ve bant genişliği tasarrufu sağlanır.
- Resimleri uygun boyutlarda ve formatlarda kullanmak. Resim boyutları, sayfanın boyutuna uygun olmalı ve gereğinden büyük veya küçük olmamalıdır. Ayrıca, resim formatları da web için optimize edilmeli ve kaliteden ödün vermeden dosya boyutunu azaltmalıdır. Örneğin, JPEG formatı fotoğraflar için, PNG formatı ise şeffaflık gerektiren resimler için uygun olabilir.
- Resimleri CDN (Content Delivery Network) üzerinden sunmak. CDN, web içeriğini coğrafi olarak dağıtılmış sunucular üzerinden sunan bir hizmettir. Bu sayede, kullanıcının konumuna yakın bir sunucudan içerik alması sağlanır ve gecikme süresi azalır. Ayrıca, CDN hizmetleri genellikle resim optimizasyonu gibi ek özellikler de sunar.
Ekran dışındaki resimleri engellemek, web sitenizin performansını ve kullanıcı memnuniyetini artırmak için önemli bir adımdır. Yukarıda bahsettiğimiz yöntemleri uygulayarak, sitenizin hızını ve verimliliğini artırabilirsiniz.
WordPress geç resim yükleme eklentileri nelerdir?
Geç resim yükleme, web sitenizin yalnızca bir kullanıcı belirli bir resme kaydırdığında resimleri yüklemesine izin veren bir tekniktir. Bu, sayfa yükleme süresini ve bant genişliği kullanımını azaltmaya yardımcı olur.
WordPress için geç resim yükleme eklentileri arasında şunlar bulunur:
BJ Lazy Load: İçerik, metin widget’ları, gönderi küçük resimleri, gravürlere, görüntülere ve iç çerçevelere yavaş yükleme uygular. Yer tutucu görüntü olarak özel bir görüntü de yükleyebilirsiniz.
Smush: Görselleri sıkıştırırken çözünürlüğünü korur ancak boyutunu küçültür. Ayrıca, görselleri otomatik olarak tembel olarak yükler ve webp formatına dönüştürür.
NextGEN Gallery: 1 milyondan fazla aktif yüklemeye sahip en popüler WordPress galeri eklentisidir. Galeri stilleri, albüm seçenekleri, ışık kutuları ve daha fazlasını sunar.
Gmedia Gallery: Görsel, ses ve video dosyalarını yönetmenize ve sergilemenize olanak tanır. Farklı modüller, efektler ve şablonlar ile özelleştirilebilir galeriler oluşturabilirsiniz.
Envira Gallery: Hızlı, duyarlı ve sezgisel bir WordPress galeri eklentisidir. Sürükle ve bırak arayüzü, ön uç düzenleme özelliği, sosyal medya entegrasyonu ve SEO dostu galeriler sunar.
Portfolio Gallery: Portfolyo siteleri için tasarlanmış bir WordPress galeri eklentisidir. Farklı görünüm tipleri, renk şemaları, açılır pencereler ve filtreleme seçenekleri ile dikkat çekici portfolyolar oluşturabilirsiniz.
Photo Gallery: Basit ama güçlü bir WordPress galeri eklentisidir. Çoklu görünüm modları, su işaretleri, albüm düzenleme, video desteği ve daha fazlasını sağlar.
Hafif aşağı inince yükleniyor resimler.
Tembel yükleme özelliği kullanıldığı zaman resimler geç yüklenir. Amacı budur. Bu ilk yüklenme süresini iyileştirmek içindir.
Selamlar. Bu söylediklerinizi yaparak metrikte yükü azalttım zamandan kazandım ama ana sayfam ilk açıldığı zaman en üstteki post resimleri görünmüyor yani menünün altındaki haberlerin kapak resimleri boş olarak görünüyor bununla ilgili ne yapabilirim lütfen bilgi.
Merhaba, bir sonraki yorumunuza cevap verirken de söyledim ama tekrar not düşeyim; tembel yükleme özelliği açıldığında resimler siteden daha sonra yüklenir. Örneğin önce makale başlığı vs yüklenirken hemen ardından görseller yüklenir. Fakat görsel hiç yüklenmiyor ve sayfayı aşağıya kaydırmanızı bekliyorsa o zaman temanızın üst kısmında yanlış yapılandırılmış bir şeyler olabilir.