En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

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

WordPress'te resimler için tembel yükleme uygulamak, web sitenizde büyük bir fark yaratabilecek küçük bir adımdır. Günümüzde yüksek performanslı herhangi bir site için önemli bir uygulamadır.

Bu tekniğin, her site sahibinin istediği iki şeye doğrudan yardımcı olduğu kanıtlanmıştır: Ziyaretçiler için daha iyi bir deneyim ve arama motoru sıralamalarında güzel bir artış.

Ziyaretçileriniz için sayfalarınızın olağanüstü hızlı ve duyarlı hissetmesi anlamına gelir. İçeriğinizi neredeyse anında görürler, bu da onları etkileşimde tutar.

Google gibi arama motorları da bu hızı fark eder. Daha hızlı web sitelerini tercih etme eğilimindedirler, bu da içeriğinizin daha fazla kişi tarafından keşfedilmesine yardımcı olabilir.

Bu faydaları hemen elde etmenize yardımcı olmak istiyoruz. Sitenizde bugün tembel yüklemenin çalışmasını sağlamanın iki kolay yolu aşağıdadır.

WordPress'te Görselleri Kolayca Yavaş Yükleme

Neden WordPress'te Resimleri Tembel Yüklemelisiniz?

WordPress resimlerini tembel yüklemek web sitenizi hızlandırabilir ve daha iyi bir kullanıcı deneyimi sunabilir.

Kimse yavaş web sitelerini sevmez. Aslında, bir web sitesi performansı çalışması, sayfa yükleme süresindeki 1 saniyelik bir gecikmenin %7 daha az dönüşüm, %11 daha az sayfa görüntüleme ve %16 daha az müşteri memnuniyetine yol açtığını bulmuştur.

Strangeloop vaka çalışması

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

Diğer web öğelerine kıyasla WordPress sitenizde yüklenmesi en uzun süren öğeler resimlerdir. Makalelerinize çok sayıda resim eklerseniz, her resim sayfa yükleme sürenizi artırır.

Bu durumu ele almanın bir yolu, CDN hizmeti kullanmaktır, örneğin BunnyCDN veya daha basit bir seçenek olarak, özellikle resimler için tasarlanmış Envira CDN. Bir CDN, kullanıcıların kendilerine en yakın web sunucusundan resim indirmesine olanak tanır ve web sitesi yükleme hızlarını azaltır.

Ancak, resimleriniz hala yüklenecek ve genel sayfa yükleme süresini etkileyecektir. Bu sorunu aşmak için web sitenizde tembel yükleme uygulayarak resim yüklemeyi geciktirebilirsiniz.

Resimlerin tembel yüklenmesi (lazy loading) nasıl çalışır?

Tüm resimlerinizi aynı anda yüklemek yerine, tembel yükleme yalnızca kullanıcının ekranında görünen resimleri indirir. Diğer tüm resimlerin yerine bir yer tutucu resim veya boş alan koyar.

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

Geç 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.
  • Bu, yalnızca görüntülenen görüntüleri teslim ederek bant genişliğini korur, bu da WordPress barındırma maliyetlerinden tasarruf etmenizi sağlayabilir.

WordPress 5.5'in yayınlanması, geç yüklemeyi varsayılan bir özellik olarak ekledi.

Ancak, resimlerinizin tembel yüklenmesini özelleştirmek ve arka plan resimlerini de tembel yüklemek istiyorsanız, bir WordPress eklentisi kullanmanız gerekecektir.

İki farklı eklenti kullanarak WordPress'te resimleri nasıl tembel yükleyeceğimize bir göz atalım. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

  1. WP Rocket ile WordPress'te Görüntüleri Tembel Yükleme (Önerilir)
  2. Optimole ile WordPress'te Görüntüleri Tembel Yükleme (Ücretsiz)
  3. Tembel Yüklenen Resimler Hakkında Sıkça Sorulan Sorular
  4. WordPress Resimlerinizi Optimize Etmek İçin Ek İpuçları

Yöntem 1: WP Rocket ile WordPress'te Görüntüleri Yavaş Yükleyin

WordPress'te resimleri tembel yüklemek için WP Rocket eklentisini kullanmanızı öneririz. Piyasada resim tembel yüklemesini kolayca etkinleştirmenizi sağlayan en iyi WordPress önbellekleme eklentisidir.

Bunun dışında, karmaşık teknik terimleri bilmeden veya uzman ayarlarını yapılandırmadan sayfa hızınızı optimize etmenize yardımcı olan çok güçlü bir eklenti.

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

Yapmanız gereken ilk şey, WP Rocket eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair kılavuzumuza bakabilirsiniz.

Resim tembel yüklemesini etkinleştirmek için tek yapmanız gereken birkaç kutucuğu işaretlemek. Sitenizin hızını daha da artıracak videolar için tembel yüklemeyi bile etkinleştirebilirsiniz.

Tek yapmanız gereken WordPress kontrol panelinizde Ayarlar » WP Rocket'a gitmek ve 'Medya' sekmesine tıklamaktır. Ardından, 'Tembel Yükleme' bölümüne kaydırabilir ve 'Resimler için etkinleştir' ve 'iframe'ler ve videolar için etkinleştir' kutularını işaretleyebilirsiniz.

WP Rocket'ta Lazyload'u Etkinleştirme

Daha fazla ayrıntı için, WP Rocket'i WordPress'te doğru bir şekilde kurma ve ayarlama konusundaki rehberimize bakın.

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

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

Bu yöntem, ücretsiz Optimole eklentisini kullanır. Resimlerin geç yüklenmesini kolayca etkinleştirmenizi sağlayan en iyi WordPress resim sıkıştırma eklentilerinden biridir.

Ayda 5.000'den fazla ziyaretçi alıyorsanız, Optimole'un premium sürümüne ihtiyacınız olacaktır. Daha fazla ayrıntı için eksiksiz Optimole incelememize bakın.

Öncelikle Optimole eklentisini kurmanız ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra, bir API anahtarı için kaydolmanızı isteyen bir ekran göreceksiniz. Bu ekrana yönetici menüsündeki Optimole'a giderek de ulaşabilirsiniz.

Bir Optimole API Anahtarı İçin Kaydolun

E-posta adresinin doğru olduğundan emin olmanız ve ardından ‘Hesabımı oluştur ve bağla’ düğmesine tıklamanız gerekir. Alternatif olarak, mevcut bir kullanıcıysanız, ‘Zaten bir API anahtarım var’ düğmesine tıklamanız yeterlidir.

Eklentinin Optimole'a bağlanmasını beklemek için birkaç saniye beklemeniz gerekebilir. Bundan sonra, eklenti resimlerinizi otomatik olarak optimize etmeye başlayacaktır, böylece ziyaretçileriniz artık cihazları için en iyi resimleri görecektir.

Bu olurken, tembel yüklemeyi yapılandırmak için ‘Ayarlar’ sekmesine tıklayabilirsiniz.

Burada, 'Resimleri ölçekle ve & Tembel yükle' ayarının etkinleştirildiğinden emin olmanız gerekir. Bu, ziyaretçinizin ekran boyutuna göre resimler oluşturacak ve yükleme hızlarını iyileştirecektir.

Optimole'un Tembel Yükleme Ayarının Etkin Olduğundan Emin Olun

Ardından, ‘Gelişmiş’ menü seçeneğine tıklayın ve ‘Tembel Yükleme’yi seçin. Bu ekranda, görüntülerinizin nasıl tembel yükleneceğini özelleştirmenize olanak tanıyan birkaç farklı ayar bulunur.

İlk olarak, 'İlk görüntü sayısını lazyload'dan hariç tut' ayarını yapabilirsiniz. Bu, katlamanın üzerindeki görüntülerin her zaman görünmesini sağlamak için gönderilerinizin veya sayfalarınızın üst kısmındaki görüntülerin yavaş yüklenmesini durduracaktır.

Optimole'un Gelişmiş Tembel Yükleme Ayarları

Her resmin tembel yüklenmesini istiyorsanız bunu 0 olarak ayarlayabilirsiniz.

Optimole'da kontrol edebileceğiniz birkaç gelişmiş tembel yükleme ayarı daha var. Bu ayarlar varsayılan olarak etkindir.

Birincisi, ‘Görüntüleri Ölçekle’ ayarıdır. Bu, görüntüleri ziyaretçinin ekran boyutuna göre ölçekler ve sayfanızın daha hızlı yüklenmesini sağlar.

Optimole'da İleri Düzey Tembel Yükleme Ayarları

Ardından, ‘Arka plan resimleri için tembel yüklemeyi etkinleştir’ ayarını göreceksiniz. Bu, web sitenizdeki en büyük resimler olabilecek arka plan resimlerinizi tembel yükleyecektir.

Başka bir ayar, gömülü videoları ve iframe'leri tembel yüklemektir. Çok sayıda gömülü video içeriğiniz varsa, bu ayarı açık bırakmak isteyeceksiniz. Video yerine bir yer tutucu resim yükleyecektir. Yer tutucuya tıklandığında tam video yüklenecektir.

Bu ayarları özelleştirmeye devam edebilir ve web siteniz ve görüntülarınız için en iyi neyin işe yaradığını görebilirsiniz.

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

Tembel Yüklenen Resimler Hakkında Sıkça Sorulan Sorular

WordPress'te tembel yükleme hakkında hala bazı sorularınız olabileceğini biliyoruz. Aldığımız en yaygın sorulardan bazılarına burada yanıtlar bulunmaktadır.

1. WordPress görüntüleri otomatik olarak tembel yükler mi?

Evet, WordPress 5.5 sürümünden bu yana, resimler için temel tembel yükleme varsayılan bir özelliktir. Ancak, bu yerel işlev, arka plan resimleri veya videolar gibi öğeler için geçerli değildir. Tüm medyanızın tembel yüklendiğinden emin olmak ve daha fazla kontrol için WP Rocket veya Optimole gibi özel bir eklenti kullanmanızı öneririz.

2. Tembel yükleme SEO için iyi midir?

Kesinlikle. Yavaş yükleme, sayfa yükleme hızınızı önemli ölçüde iyileştirir, bu da kullanıcı deneyimi için önemli bir faktördür. Google gibi arama motorları daha hızlı web sitelerini tercih eder, bu nedenle yavaş yükleme ile hızınızı iyileştirmek sitenize arama sıralamalarında güzel bir ivme kazandırabilir.

3. WordPress için en iyi geç yükleme eklentisi hangisidir?

Tüm yönleriyle performans ve kullanım kolaylığı için WP Rocket'ı öneriyoruz. Pazardaki en iyi performans eklentisi ve sadece birkaç tıklamayla güçlü ve basit bir tembel yükleme özelliği içerir. Harika bir ücretsiz alternatif arıyorsanız, Optimole da sağlam tembel yükleme seçenekleri sunan mükemmel bir seçimdir.

4. WordPress'te videoları geç yükleyebilir misiniz?

Evet, yapabilirsiniz ve yapmalısınız! Çok sayıda yerleştirilmiş video içeriği içeren sayfaların hızını iyileştirmek için harika bir yoldur. Hem WP Rocket hem de Optimole, videolarınız için tembel yüklemeyi kolayca etkinleştirmenize olanak tanır; bu, kullanıcı tıklayana kadar onları bir yer tutucu resimle değiştirir.

5. Ekranın üst kısmındaki resimleri tembel yüklemeli misiniz?

Genellikle sayfanızın en üstündeki (katlanma çizgisinin üzerindeki) görüntüleri tembel yüklemeden hariç tutmak en iyi uygulamadır. Bu, ziyaretçilerinizin gördüğü ilk şeyin anında yüklenmesini sağlayarak harika bir ilk izlenim yaratır. Optimole gibi eklentiler, tam da bu nedenle ilk birkaç görüntüyü tembel yüklemeden kolayca hariç tutmanıza olanak tanır.

WordPress Resimlerinizi Optimize Etmek İçin Ek İpuçları

Tembel yükleme web sitesi yükleme hızını iyileştirmeye yardımcı olsa da, WordPress görüntülerinizi en iyi performans için optimize etmenin birkaç başka yolu da vardır.

Örneğin, TinyPNG veya JPEGmini gibi bir araç kullanarak resimlerinizi web sitenize yüklemeden önce sıkıştırmanızı öneririz. Alternatif olarak, Optimole veya EWWW Image Optimizer gibi otomatik bir resim sıkıştırma eklentisi kullanabilirsiniz.

WordPress görüntü boyutunu ve görüntü biçimini doğru seçmek de önemlidir. JPEG'ler fotoğraflar veya çok renkli görüntüler için en iyisidir, PNG'ler basit veya şeffaf görüntüler için uygundur ve GIF'ler yalnızca animasyonlu görüntüler içindir.

Bu makalenin WordPress'te resimleri tembel yüklemeyi öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca kaliteyi kaybetmeden resimleri web için kolayca optimize etme hakkındaki eğitimimizi ve WordPress için en iyi dosya yükleme eklentileri hakkındaki uzman seçimlerimizi de görmek isteyebilirsiniz.

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

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

20 CommentsLeave a Reply

  1. WordPress'te tembel resim yükleme üzerine bu bilgilendirici makale için teşekkürler, WPBeginner!
    Sayfa yükleme süreleri her zaman benim için bir endişe kaynağı olmuştur ve rehberiniz pratik çözümler sunuyor. WP Rocket ve Optimole arasındaki karşılaştırmayı gerçekten takdir ediyorum, çünkü ihtiyaçlarım için en iyi seçeneği seçmeme yardımcı oluyor.

    WP Rocket yöntemini kullanacağım. Tekrar teşekkürler!

  2. Merhaba,

    tembel yükleme işlemi sırasında (WP Rocket kullanıyorum) görseller için kısa bir süre yer tutucu gösteriliyor. Benim durumumda (Google Chrome) bu yer tutucunun mor bir rengi var. Bu rengi etkilemenin bir yolu var mı? Yoksa bu bir tarayıcı ayarı mı?
    Teşekkürler!

    • Yer tutucuyu değiştirme konusunda güncel yöntemleri için WP Rocket ile görüşmek isteyebilirsiniz.

      Yönetici

      • Teşekkürler!
        Ancak tema ile ilgiliydi. Görüntünün arka plan rengi için bir ayar buldum (Elementor'da). Bu renk, tembel yükleme sırasında görünüyordu. Yani şimdi o rengi nasıl değiştireceğimi biliyorum. Teşekkürler.

  3. Geç yüklemenin kullanıcı deneyimini ve diğer Google metriklerini nasıl etkilediği konusunda deneyiminiz var mı? Herkes geç yüklemeyi önermiyor, çünkü uzun vadede bir web sitesinde doğal görünmeyebilir.

    • Kullanıcı deneyimini ve Google metriklerini nasıl etkilediğine bağlı olacaktır.

      Yönetici

      • Teşekkürler, web sitemde tembel yükleme (lazy load) olduğu için sormuştum. Beni şaşırtan şey, PageSpeed Insights'ın bunu bir sorun olarak işaretlemesiydi. Tembel yüklemeyi kapatmam yönünde bir öneri aldım. Bu yüzden kafam karışmıştı. Birçok kişi web sitesini hızlandırmak için bunu öneriyor, ancak benim için doğru çalışmadı ve Google bu özelliği devre dışı bırakmamı tavsiye etti. Her neyse, muhtemelen web sitesinin yapılandırmasına çok bağlı olduğu konusunda haklısınız. Benim için sorunlara neden oldu. Zamanınız ve yanıtınız için teşekkür ederim.

  4. Wordpress zaten “lazyload” sağlıyor, neden herhangi bir lazyload eklentisi kullanmamız gerekiyor?

  5. Tembel yüklenecek bir fotoğraf grubu oluşturmak mümkün mü?

    Örnek: 30 fotoğrafım var ve ilk 10'u tembel yüklemek istiyorum, kullanıcı kaydırmaya devam ettikçe - başka bir 10 tane daha indiriyorum ve bu böyle devam ediyor..

  6. Sitem birçok sorun yaşıyordu ve burada çok şey öğrendim, bu da blogumu büyütmeme yardımcı oldu.

    Çok Teşekkürler

  7. Thanks for sharing this. I didn’t even think of getting a plugin for lazy images, and I probably will be getting this later. :)

  8. Web sitemde bir tembel yükleyici uygulamayı çok isterim ama SEO'yu olumsuz etkileyebileceklerini duydum - bu doğru mu????

  9. Bunun için teşekkürler. İhtiyaç duyduğum bir değişikliği hızla yapmama yardımcı oldu. Eklentiyi indirdim ve ayarlarını yaptım.

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.