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.

Tembel Yükleme Nedir?

WordPress ilk olarak WordPress 5.5'te tembel yükleme görsellerini 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 iyileştirmek için yorumları tembel yükleyebilir 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.

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

Genel faydaları nedeniyle tembel yüklemeyi devre dışı bırakmanızı normalde önermiyoruz. 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, görsellerin içeriğinizin en önemli yönü olduğu bir fotoğrafçılık web sitesi çalıştırıyorsanız, 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:

Yöntem 1: WPCode Kullanarak WordPress'te Tembel Yüklemeyi Devre Dışı Bırakma (Önerilen)

Özel kodu temanızın functions.php dosyasına ekleyerek WordPress'te tembel yükleme özelliğini 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, özel kod eklemek için WPCode kullanmanızı öneririz. Sitenizi bozan kötü kodları ö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 gördük. Daha fazla bilgi edinmek için tam WPCode incelememize bakın.

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

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.

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.

Ş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.

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.

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.

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.

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.

Tek yapmanız gereken Tembel Yüklemeyi Devre Dışı Bırak eklentisini kurmak ve etkinleştirmektir. Daha fazla talimat için bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza göz atın.

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:

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 görselleri sıkıştırarak, JPEG veya PNG dosya biçimlerini kullanarak ve daha fazlasını yaparak optimize edebilirsiniz.

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

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, nasıl WordPress hızını ve performansını artıracağınıza ilişkin başlangıç kılavuzumuza 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 görseliniz (En Büyük İçerik 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ırmaktan rahatsanız, WPCode kullanmak, sitenizi hafif tuttuğu için daha iyi bir yöntemdir. Ancak, herhangi bir ayarı yapılandırmadan hızlı bir çözüm istiyorsanız, Devre Dışı Bırak Kodu Eklentisi yeni başlayanlar için güvenli ve etkili bir seçimdir.

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:

• Web Performansı İçin Resimleri Nasıl Optimize Edebilirsiniz (Adım Adım)
• WordPress Hızını ve Performansını Artırmak İçin Nihai Rehber
• En İyi WordPress Görüntü Sıkıştırma Eklentileri Karşılaştırıldı
• WordPress'te Yaygın Resim Sorunlarını Düzeltme
• Resim SEO'ya Başlangıç Rehberi – Resimleri Arama Motorları İçin Optimize Edin

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.