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 Tembel Yüklemeyi Doğru Bir Şekilde Devre Dışı Bırakma (Adım Adım)

Tembel yükleme, genellikle kullanıcılar görselleri görmek için aşağı kaydırana kadar görsellerin yüklenmesini geciktirerek web sitenizin daha hızlı yüklenmesine yardımcı olur. Ancak, bazen görüntüleme sorunlarına neden olabilir, 'katlanmış alanın' üzerindeki içeriğinizin daha yavaş görünmesine neden olabilir veya temanızın düzeniyle çakışabilir.

Bu durumla, yüksek kaliteli görsellerin hemen yüklenmesi gereken fotoğraf portföylerinde sıkça karşılaşıyoruz. Bu özellik kullanıcı deneyiminizi olumsuz etkiliyorsa, onu kapatmanın bir yoluna ihtiyacınız var.

WPBeginner olarak, binlerce kullanıcının görsel sorunlarını güvenli bir şekilde gidermesine yardımcı olduk. Sitenizi bozmadan en iyi çalışan yöntemleri tam olarak biliyoruz.

Bu makalede, WordPress'te tembel yüklemeyi düzgün bir şekilde nasıl devre dışı bırakacağınızı göstereceğiz.

WordPress'te tembel yüklemeyi doğru bir şekilde devre dışı bırakma

Tembel Yükleme Nedir?

WordPress, tembel yükleme özelliğini ilk olarak WordPress 5.5'te tanıttı. Daha sonra, tembel yükleme özelliğini iframe yerleştirmelerine (YouTube videoları, Spotify ve diğer yerleştirmeler gibi) genişletti.

Bu uygulama, içeriği önce görünür alanda hızlı bir şekilde yükleyerek sitenizin performansını ve sayfa hızını iyileştirmeye yardımcı olur.

Daha hızlı bir web sitesi sadece kullanıcılar için iyi olmakla kalmaz, aynı zamanda arama motorları hızı önemli bir sıralama faktörü olarak kabul ettiği için web sitenizin sıralamasını da iyileştirebilir.

Görseller ve yerleştirmeler dışında, sayfa yükleme hızını daha da artırmak için yorumları ve Gravatarları da kolayca tembel yükleyebilirsiniz.

Tembel yükleme işlevini, bir görsele sağ tıklayıp tarayıcınızda İncele aracını seçerek çalışırken görebilirsiniz.

WordPress'te tembel resim yükleme

Bu, tarayıcı ekranınızı bölecek ve size HTML kaynak kodunu gösterecektir. Buradan, resme eklenen “loading=lazy” özniteliğini görebileceksiniz.

Normalde, WordPress web siteniz için genel faydaları nedeniyle tembel yüklemeyi devre dışı bırakmanızı önermeyiz. Kapatmak daha yavaş web sitesi hızına, daha düşük dönüşüm oranlarına ve daha düşük SEO sıralamalarına neden olabilir.

Ancak, tembel yükleme bazı web siteleri için kullanıcı deneyimini olumsuz etkileyebilir.

Örneğin, eğer fotoğrafçılık web sitesi çalıştırıyorsanız, burada görseller içeriğinizin en önemli yönüyse, o zaman bunları tembel yüklemek müşterileriniz için kullanıcı deneyimini bozabilir.

Diğer durumlarda, kendi tembel yükleme çözümüne sahip bağımsız bir performans eklentisi (WP Rocket gibi) kullanıyor olabilirsiniz, bu nedenle çakışmaları önlemek için varsayılan WordPress tembel yüklemesini kapatmak isteyebilirsiniz.

Bununla birlikte, WordPress'te tembel yüklemeyi (lazy load) nasıl kolayca devre dışı bırakabileceğinizi görelim.

Bu eğitimde, bir kod yöntemi ve bir eklenti yöntemi göstereceğiz. Hangi seçeneği tercih ederseniz edin, geçmek için aşağıdaki bağlantıları kullanabilirsiniz:

WordPress'te tembel yükleme özelliğini, özel kodu temanızın functions.php dosyasına ekleyerek devre dışı bırakabilirsiniz.

Ancak, kodu eklerken yapılan en küçük bir hatanın web sitenizi bozabileceğini ve erişilemez hale getirebileceğini unutmayın.

Bu nedenle, WPCode kullanarak özel kod eklemenizi öneririz. Kötü kodun sitenizi bozmasını önlemek için yerleşik hata korumasına sahiptir.

Pazardaki en iyi WordPress özel kod parçacığı eklentisidir. Ayrıca, web sitenize kod eklemeyi süper kolay ve güvenli hale getirir.

Demo web sitemizde kapsamlı bir şekilde test ettik ve mükemmel sonuçlar aldık. Daha fazla bilgi için tam WPCode incelememize bakın.

Öncelikle, WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Ayrıntılı talimatlar için, bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

🚨 Not: WPCode'un bu eğitimde kullanabileceğiniz ücretsiz bir sürümü de vardır. Ancak, ücretli plana yükseltmek size kod parçacığı bulut kitaplığı, koşullu mantık ve daha fazlası gibi özelliklere erişim sağlayacaktır.

Etkinleştirdikten sonra, WordPress kontrol panelinden Kod Parçacıkları » + Parçacık Ekle sayfasına gidin.

Buradan, ‘Yeni Kod Parçacığı Ekle’ seçeneğinin altındaki ‘Kod parçacığını kullan’ düğmesine tıklayın.

Yeni kod parçacığı ekle

Bu sizi 'Özel Kod Parçacığı Oluştur' sayfasına yönlendirecektir; burada kod parçacığınız için bir ad yazarak başlayabilirsiniz.

Bu, kod parçacığını ve ne işe yaradığını belirlemenize yardımcı olacak herhangi bir şey olabilir. Bizimki ‘Tembel Yüklemeyi Devre Dışı Bırak’ olarak adlandırıldı.

Özel kod parçacığınıza bir ad verdikten sonra, ekranın sağ köşesindeki 'Kod Türü' açılır menüsünden 'PHP Snippet'i seçin.

Tembel yüklemeyi devre dışı bırakmak için kod parçacığının PHP kod türünü seçin

Şimdi, aşağıdaki PHP kodunu ‘Kod Önizleme’ kutusuna kopyalayıp yapıştırın:

// Disable native WordPress lazy loading 
add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Kod yapıştırdıktan sonra bu şekilde görünecektir.

Kod parçacığı ekle

Bundan sonra, ‘Ekleme’ bölümüne aşağı kaydırın. Burada, ‘Otomatik Ekle’ modunu seçin.

Bu, kod parçacığını etkinleştirdikten sonra özel kodunuzun WordPress sitenizde her yerde otomatik olarak çalıştırılmasını sağlayacaktır.

Bir ekleme yöntemi seçin

Ardından, sayfanın en üstüne geri kaydırın ve ‘Devre Dışı’ anahtarını ‘Etkin’ olarak değiştirin.

Son olarak, kod parçacığınızı kaydetmek ve çalıştırmak için ‘Snippet Kaydet’ düğmesine tıklamayı unutmayın.

Kod parçacığınızı kaydedin

Artık, WordPress sitenizde varsayılan tembel yükleme devre dışı bırakılacaktır.

Test etmeden önce, tarayıcı önbelleğinizi ve WordPress önbelleğinizi temizlediğinizden emin olun. Ardından, bir resme sağ tıklayıp tarayıcı menüsünden 'İncele'yi seçebilirsiniz.

Bunu, bir resme sağ tıklayıp tarayıcı menüsünden ‘İncele’ seçeneğini seçerek test edebilirsiniz.

Tembel yükleme devre dışı bırakıldı

Resmin HTML kodunda, ‘loading=lazy’ özniteliği artık kaybolacaktır.

Yöntem 2: Bir Eklenti Kullanarak WordPress'te Tembel Yüklemeyi Devre Dışı Bırakma

Sitenize kod eklemek istemiyorsanız, WordPress tembel yüklemesini devre dışı bırakmak için bir eklenti kullanabilirsiniz.

Yapmanız gereken tek şey Disable Lazy Load eklentisini yüklemek ve etkinleştirmektir. Daha fazla talimat için, WordPress eklentisi kurma hakkındaki adım adım kılavuzumuza bakın.

Tembel yüklemeyi devre dışı bırakmak için eklentiyi etkinleştirin

Eklenti kutudan çıktığı gibi çalışır ve herhangi bir yapılandırma gerektirmez. Etkinleştirildikten sonra, web sitenizdeki varsayılan tembel yükleme özelliğini otomatik olarak devre dışı bırakacaktır.

Video Eğitim

Yazılı talimatları tercih etmiyorsanız, video eğitimimizi izleyebilirsiniz:

WPBeginner'a Abone Olun

Bonus: Sitenizin Hızını ve Performansını Artırın

Tembel yüklemeyi devre dışı bıraktıktan sonra, web sitenizin hızını ve performansını olumsuz etkileyebilir.

Bu durumda, sitenizin performansını artırmak ve sayfa yükleme süresini azaltmak için diğer ipuçlarını deneyebilirsiniz. Örneğin, sitenizdeki resimleri sıkıştırarak, JPEG veya PNG dosya formatlarını kullanarak ve daha fazlasını yaparak optimize edebilirsiniz.

Ek olarak, her zaman WordPress'in en son sürümünü çalıştırmalı, ana sayfada özetleri kullanmalı, yorumları sayfalara ayırmalı ve web sitenizde SEO optimize edilmiş temalar kullanmalısınız.

WordPress.org tema dizini

Bunun dışında, site hızınızı daha da artırmak için WP Rocket veya WP Super Cache gibi önbellekleme eklentilerini de kullanabilirsiniz.

Daha fazla ipucu için, WordPress hızını ve performansını nasıl artıracağınıza dair başlangıç rehberimize bakabilirsiniz.

Tembel Yüklemeyi Devre Dışı Bırakma Hakkında Sıkça Sorulan Sorular

Okuyuculardan tembel yüklemenin web sitesi performansını nasıl etkilediği ve ne zaman kapatılması gerektiği hakkında sık sık sorular alıyoruz. İşte en yaygın sorulardan bazılarının cevapları.

1. Tembel yüklemeyi devre dışı bırakmak SEO sıralamamı olumsuz etkiler mi?

Tembel yüklemeyi küresel olarak devre dışı bırakmak, tüm resimler aynı anda yükleneceği için web sitenizi yavaşlatabilir. Sayfa hızı Google için bir sıralama faktörü olduğundan, daha yavaş bir site SEO'nuzu olumsuz etkileyebilir.

Ancak, yalnızca en üstteki resminiz (En Büyük İçerikli Boyama) için tembel yüklemeyi devre dışı bırakmak, aslında Temel Web Önemlileri puanlarınızı iyileştirebilir.

2. Tembel yüklemeyi yalnızca belirli resimler için devre dışı bırakabilir miyim?

Evet, tembel yüklemeyi belirli resimler (logo veya üstbilgi resmi gibi) için devre dışı bırakabilirsiniz. Bunu yapmak için loading="eager" özniteliğini manuel olarak ekleyebilirsiniz.

WordPress içerik düzenleyicisinde, Resim bloğunu seçin, araç çubuğundaki üç noktalı menüye tıklayın ve özniteliği eklemek için 'HTML olarak düzenle'yi seçin.

Bu, tarayıcıya bu özel resmi hemen yüklemesini söylerken, WordPress sitesinin geri kalanı için tembel yüklemeyi aktif tutar.

3. WordPress arka plan resimlerini tembel mi yüklüyor?

Hayır, varsayılan WordPress tembel yükleme özelliği yalnızca <img> etiketleri ve iframe'ler içindeki resimler için geçerlidir. CSS kullanılarak arka plan öğeleri olarak eklenen resimler, çekirdek WordPress yazılımı tarafından tembel yüklenmez.

4. Tembel yüklemeyi devre dışı bırakmak için bir eklenti mi yoksa kod mu kullanmak daha iyidir?

Kod parçacıklarını yapıştırma konusunda rahatsanız, sitenizi hafif tuttuğu için WPCode kullanmak daha iyi bir yöntemdir. Ancak, herhangi bir ayarı yapılandırmadan hızlı bir çözüm istiyorsanız, Tembel Yüklemeyi Devre Dışı Bırak eklentisi yeni başlayanlar için güvenli ve etkili bir seçenektir.

Ek Kaynaklar

Bu makalenin WordPress'te tembel yüklemeyi nasıl doğru bir şekilde devre dışı bırakacağınızı öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca bu ek kaynakları da 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

6 CommentsLeave a Reply

  1. Snippet için teşekkürler. PageSpeed Insights, tembel yükleme sorunları hakkında beni uyardıktan ve web sitem için sorunlu olduğunu bildirdikten sonra, tembel yüklemeyi birçok şekilde devre dışı bırakmayı denedim. Web sitesi Elementor üzerine kurulu ve hiçbir şey doğru çalışmadı. Snippet sonunda sorunu çözdü ve artık PageSpeed Insights bu sorunu işaretlemiyor. Tembel yüklemenin performans için daha iyi olacağını düşünmüştüm, ancak web sitem ve şablonumdaki ölçümlere göre öyle değildi. Bu snippet beni kurtardı.

  2. Bu web sitesinin makaleleri bana çok yardımcı oldu… Sadece şunu söylemek istedim: Teşekkürler!

    • You’re welcome! Glad to hear our guides have been helpful! :)

      Yönetici

  3. Yalnızca öne çıkan görselde (katın üzerindeki ilk görsel) tembel yüklemeyi devre dışı bırakmaya ne dersiniz? Kolay bir yolu var mı?

    • Koşullu olarak devre dışı bırakmak için bir önerimiz yok ancak bu durum değişirse paylaşacağımızdan emin olacağız!

      Yönetici

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.