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

Yavaş bir web sitesini kimse sevmez. Sayfalarınızın yüklenmesi çok uzun sürerse, ziyaretçiler içeriğinizi görmeden ayrılacaktır.

Görüntüler genellikle yavaş yükleme hızlarının ana nedenidir. Bant genişliğinin çoğunu kaplarlar, performansınızı ve arama sıralamalarınızı düşürürler.

Yüzlerce siteyi hız için optimize ettik ve tembel yükleme, önerdiğimiz en etkili hızlı kazanımlardan biridir. Kullanıcılar görselleri aşağı kaydırıp görene kadar yüklenmelerini durdurur.

Bu kılavuzda, site hızınızı anında artırmak için WordPress'te görselleri tembelce nasıl yükleyeceğinizi göstereceğiz.

Neden WordPress'te Resimleri Tembel Yüklemelisiniz?

WordPress resimlerini tembel yükleme, 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.

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, BunnyCDN gibi bir CDN hizmetini veya Envira CDN gibi daha basit bir seçeneği kullanmaktır. Bir CDN, kullanıcıların resimleri kendilerine en yakın web sunucusundan indirmelerine olanak tanır ve web sitesi yükleme sürelerini 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.

Görsellerin Tembel Yüklenmesi 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.

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 resimleri sunarak bant genişliğini korur, bu da WordPress barındırma maliyetlerinden tasarruf etmenizi sağlayabilir.

WordPress'te Yerel Tembel Yükleme Nedir?

WordPress 5.5'ten bu yana, platform varsayılan olarak 'yerel tembel yükleme' içerir. Bu, WordPress'in img etiketlerinize otomatik olarak loading="lazy" HTML özniteliğini eklediği anlamına gelir.

Bu, modern tarayıcılara (Chrome, Firefox ve Safari gibi) kullanıcının yakınına kaydırana kadar görüntüyü yüklemeyi ertelemesini söyler.

WordPress Bunu Otomatik Olarak Yapıyorsa, Neden Bir Eklentiye İhtiyacım Var?

Yerel tembel yükleme harika bir başlangıç olsa da mükemmel değildir. Bir resmi ne zaman yükleyeceğine karar vermek için tamamen ziyaretçinin tarayıcısına dayanır. WP Rocket gibi özel eklentiler daha iyi performans sunar çünkü:

• Arka plan görüntülerini tembel yükler (yerel WordPress bunu yapamaz).
• Özellikle iframe'leri ve videoları tembel yükler.
• Görüntüleri varsayılan tarayıcı davranışından daha hızlı yükleyen gelişmiş komut dosyaları kullanır.

İ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:

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.

Kutusundan çıktığı anda, tüm varsayılan önerilen önbellekleme ayarları WordPress web sitenizi büyük ölçüde hızlandıracaktır.

Yapmanız gereken ilk şey WP Rocket eklentisini kurmak ve etkinleştirmektir. Daha fazla ayrıntı için WordPress eklentisinin nasıl kurulacağına ilişkin 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.

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

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

Bu yöntem ücretsiz Optimole eklentisini kullanır. Resim tembel yüklemesini kolayca etkinleştirmenizi sağlayan en iyi WordPress resim sıkıştırma eklentilerinden biridir.

Trafiğiniz ücretsiz planın sınırlarını aşarsa, Optimole'nin 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 ilişkin 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.

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.

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.

Öncelikle, 'Tembel yüklemeden ilk X sayıda görüntüyü hariç tut' ayarını yapabilirsiniz.

Bu, gönderilerinizin veya sayfalarınızın üst kısmındaki resimlerin tembel yüklenmesini durduracaktır. Bu, katın üzerindeki resimlerin anında yüklenmesini sağlar, bu da daha iyi SEO için En Büyük İçerik Boyama (LCP) puanınızı iyileştirir.

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.

Bundan sonra, '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 da 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.

Yaygın Tembel Yükleme Sorunlarını Giderme

Bazen tembel yüklemeyi etkinleştirmek görüntülerin kaybolmasına veya bulanık görünmesine neden olabilir.

İşte yaygın çözümler:

1. Görüntüler Gösterilmiyor

Bu genellikle iki tembel yükleme eklentisi aynı anda etkin olduğunda (örneğin, WP Rocket ve temanızın yerleşik tembel yüklemesi) olur. Çakışmaları önlemek için yalnızca bir yöntemi kullandığınızdan emin olun.

2. Katlanmış Alanın Üzerindeki Görüntüler Geç Yükleniyor

Logonuz veya üstbilgi görüntünüz sayfanın geri kalanından sonra görünürse, bu kullanıcı deneyiminizi olumsuz etkileyebilir. Yukarıdaki yöntemlerde belirtildiği gibi, bunu düzeltmek için sayfanızdaki ilk 2-3 görüntüyü tembel yüklemeden hariç tutmalısınız.

3. Düzen Kayması (CLS)

İçeriğiniz bir resim yüklendiğinde 'zıplıyorsa', bu SEO puanınızı düşürür. Bunu önlemek için tüm resimlerinizin tanımlanmış width ve height özniteliklerine sahip olduğundan emin olun. WordPress bunu otomatik olarak yapar, ancak bazı temalar bunu geçersiz kılabilir.

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 sınırlıdır ve arka plan resimleri, iframe'ler veya videolar için geçerli değildir. Tüm medyanızın optimize edildiğinden emin olmak için WP Rocket veya Optimole gibi özel bir eklenti kullanmanızı öneririz.

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

Kesinlikle. Tembel 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 tembel yükleme ile hızınızı iyileştirmek sitenize arama sıralamalarında güzel bir destek sağlayabilir.

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

Tüm performans ve kullanım kolaylığı için WP Rocket'ı öneririz. Pazardaki en iyi performans eklentisidir ve yalnızca 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çenektir.

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.

6. WordPress'te yerel tembel yüklemeyi nasıl devre dışı bırakırım?

Belirli bir eklenti kullanmayı tercih ediyorsanız ve WordPress yerel tembel yüklemesinin müdahale etmediğinden emin olmak istiyorsanız, bunu temanızın functions.php dosyasına basit bir kod parçacığı ekleyerek veya WPCode gibi bir kod parçacığı eklentisi kullanarak devre dışı bırakabilirsiniz.

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

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.

Doğru dosya biçimini seçmek de önemlidir. JPEG ve PNG yaygın olsa da, WebP gibi yeni nesil formatları kullanmanızı şiddetle tavsiye ederiz. Bu dosya türleri üstün sıkıştırma ve kalite sunar, bu da sitenizin önemli ölçüde daha hızlı yüklenmesine yardımcı olur.

Umarız bu makale, WordPress'te resimleri nasıl tembel yükleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca kalite kaybı olmadan web için resimleri kolayca nasıl optimize edeceğiniz hakkındaki öğreticimizi 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.