WordPress'te Resimleri Kolayca Tembel Yükleme (2 Yol)


WordPress'te görüntüleri nasıl tembelce yükleyeceğinizi öğrenmek ister misiniz?

Tembel yükleme, web sitenizin yalnızca bir kullanıcı belirli bir resme doğru aşağı kaydırdığında resimleri yüklemesine olanak tanır, bu da web sitesi yükleme süresini azaltır ve web sitesi performansını artırır.

Görüntü yoğun olan en popüler siteler, web sitesi hızını ve performansını artırmak için tembel yükleme kullanır.

Bu yazıda size adım adım WordPress'te nasıl tembelce resim yükleyeceğinizi göstereceğiz.

How to lazy load images in WordPress easily (2 ways)

WordPress'te Neden Tembel Yükleme Resimleri?

WordPress resimlerinizi tembelce yüklemek, web sitenizi hızlandırabilir ve daha iyi bir kullanıcı deneyimi sunabilir.

Yavaş web sitelerini kimse sevmez. Aslında, bir performans çalışması, sayfa yükleme süresindeki bir saniyelik gecikmenin %7 daha az dönüşüme, %11 daha az sayfa görüntülemeye ve müşteri memnuniyetinde %16 düşüşe yol açtığını buldu.

Strangeloop Study

Google gibi arama motorları da yavaş yüklenen web sitelerini sevmez. Bu nedenle daha hızlı siteler arama sonuçlarında daha üst sıralarda yer alır.

Görseller, diğer web öğelerine kıyasla web sitenize yüklenmesi en uzun zaman alır. Makalelerinize çok sayıda görsel eklerseniz, her görsel sayfa yükleme sürenizi uzatır.

Bu durumu ele almanın bir yolu, BunnyCDN gibi bir CDN hizmeti kullanmaktır. Bir CDN, bir kullanıcının kendilerine en yakın web sunucusundan görüntüleri indirmesine ve web sitesi yükleme hızlarını düşürmesine izin verir.

Ancak resimleriniz yüklenmeye devam edecek ve genel sayfa yükleme süresini etkileyecektir. Bu sorunun üstesinden gelmek için web sitenize tembel yükleme uygulayarak resim yüklemesini geciktirebilirsiniz.

Görüntüler için tembel yükleme nasıl çalışır?

Tüm resimlerinizi bir kerede yüklemek yerine, tembel yükleme, yalnızca kullanıcının ekranında görünen resimleri indirir. Diğer tüm görüntüleri yer tutucu bir görüntü veya boş alanla değiştirir.

Bir kullanıcı aşağı kaydırdıkça, web siteniz tarayıcının görüntüleme alanında görünen resimleri yükler.

Tembel yükleme, WordPress blogunuz için çok faydalı olabilir.

  • İlk web sayfası yükleme süresini azaltır, böylece kullanıcılar sitenizi daha hızlı görür
  • Yalnızca görüntülenen görüntüleri sunarak bant genişliğini korur ve barındırma maliyetlerinden tasarruf sağlayabilir

WordPress 5.5'in piyasaya sürülmesi, varsayılan bir özellik olarak tembel yüklemeyi ekledi.

Ancak, resimlerinizin nasıl yavaş yükleneceğini ve arka plan resimlerinin nasıl yavaş yükleneceğini özelleştirmek istiyorsanız, bir WordPress eklentisi kullanmanız gerekir.

Not: Geç yükleme, web sitesi yükleme hızını artırmaya yardımcı olsa da, maksimum performans için WordPress'e yüklemeden önce görüntüleri her zaman web için optimize etmelisiniz.

Daha fazla ayrıntı için, kaliteyi kaybetmeden görüntüleri web performansı için nasıl optimize edeceğimize ilişkin kılavuzumuza bakın.

WordPress görüntüleri için tembel yüklemeyi kolayca ayarlamanıza yardımcı olabilecek iki farklı WordPress eklentisini paylaşacağız. Doğrudan kullanmak istediğiniz yönteme atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz.

  • WP Rocket ile tembel yükleme WordPress görüntüleri
  • Optimole ile tembel yükleme WordPress görüntüleri

Yöntem 1. WP Rocket ile WordPress'te Tembel Yükleme Resimleri

WordPress'te görüntüleri tembelce yüklemek için WP Rocket eklentisini kullanmanızı öneririz. Piyasadaki en iyi WordPress önbelleğe alma eklentisidir ve görüntü gecikmeli yüklemeyi kolayca açmanıza olanak tanır.

Bunun yanı sıra, karmaşık teknik terimleri bilmeden web sitenizin hızını optimize etmenize yardımcı olan çok güçlü bir eklentidir.

Kutudan çıktığı anda, varsayılan olarak önerilen tüm önbelleğe alma ayarları WordPress web sitenizi büyük ölçüde hızlandıracaktır.

Görüntü gecikmeli yüklemeyi etkinleştirmek için tek yapmanız gereken birkaç kutucuğu işaretlemek. Web sitenizin hızını daha da artıracak videolar için tembel yüklemeyi bile etkinleştirebilirsiniz.

WP Rocket lazy load images

Daha fazla ayrıntı için, WordPress'te WP Rocket'in nasıl düzgün bir şekilde kurulacağı ve kurulacağı ile ilgili kılavuzumuza bakın.

Not: WordPress barındırma sağlayıcınız olarak Siteground kullanıyorsanız, benzer yavaş yükleme özelliklerine sahip ücretsiz SiteGround Optimizer eklentisini kullanabilirsiniz.

Yöntem 2. Optimole ile WordPress'te Tembel Yükleme Resimleri

Bu yöntem ücretsiz Optimole eklentisini kullanır. En iyi WordPress görüntü sıkıştırma eklentilerinden biridir ve görüntü gecikmeli yüklemeyi kolayca etkinleştirmenizi sağlar.

Ayda 5.000'den fazla ziyaretçi alıyorsanız, premium sürüme ihtiyacınız olacak.

İlk olarak, eklentiyi kurmanız ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Aktivasyon üzerine, Media »Optimole'ye gidin ve ardından bir API anahtarı için kaydolmanız gerekir.

Sign up for API key

'Register & Email API key'e tıklayın, size e-posta ile gönderilecektir.

Ardından API anahtarınızı girin ve 'Optimole Hizmetine Bağlan' seçeneğini tıklayın.

Enter API key

Bundan sonra, 'Ayarlar' sekmesine tıklayın.

Burada 'Görüntüleri ölçeklendir ve & Gecikmeli yükleme' ayarının etkinleştirildiğinden emin olabilirsiniz. Bu, ziyaretçinizin ekran boyutuna göre görüntüler oluşturacak ve yükleme hızlarını iyileştirecektir.

Lazyload settings

Ardından, 'Gelişmiş' menü seçeneğine tıklayın ve 'Lazyload' seçeneğini seçin.

Bu ekranda, resimlerinizin nasıl geç yükleneceğini özelleştirmenize izin veren birkaç farklı ayar vardır.

İlk olarak, 'İlk sayıda görüntüyü tembel yükten hariç tut' ayarını yapabilirsiniz. Bu, gönderilerinizin veya sayfalarınızın üst kısmındaki resimlerin geç yüklenmesini engeller, böylece ekranın üst kısmındaki resimler her zaman görünür.

Exclude images to lazy load

Her görüntünün tembel yüklenmesini istiyorsanız bunu 0'a ayarlayabilirsiniz.

Ardından, 'Görüntüleri Ölçekle' kaydırıcısını etkinleştirebilirsiniz.

Enable scale images

Bu, görüntüleri ziyaretçinin ekran boyutuna göre ölçeklendirecek ve sayfanızın daha hızlı yüklenmesini sağlayacaktır.

Bundan sonra, 'Arka plan resimleri için tembel yüklemeyi etkinleştir' ayarını açabilirsiniz.

Lazy load background images

Bu, web sitenizdeki en büyük resimlerden bazıları olabilecek arka plan resimlerinizi tembel olarak yükleyecektir.

Etkinleştirebileceğiniz başka bir ayar, gömülü videoları ve iframe'leri tembelce yüklemektir. Çok sayıda gömülü video içeriğiniz varsa, bu ayarı açmak isteyeceksiniz.

Lazy load video

Bu, video yerine bir yer tutucu resim yükleyecektir. Tıklandığında videonun tamamı yüklenecektir.

Bu ayarları özelleştirmeye devam edebilir ve web siteniz ve resimleriniz için en iyi olanı görebilirsiniz.

Eklenti ayarlarından çıkmadan önce 'Değişiklikleri kaydet' düğmesini tıkladığınızdan emin olun.

Bu makalenin, WordPress'te görüntüleri nasıl tembelce yükleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca, arama motorları için görselleri optimize etmek amacıyla görsel SEO'ya yeni başlayanlar için kılavuzumuzu ve küçük işletmeler için en iyi e-posta pazarlama hizmetleri konusunda uzman seçimlerimizi görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir