WordPress'te Tembel Yükleme Resimleri Nasıl Yapılır?

WordPress'te görüntüleri tembelce yüklemek ister misiniz? Tembel yükleme görüntüleri, WordPress hızını ve performansını artırmanın en temel tekniklerinden biridir. Daha az HTTP isteği göndererek web sunucusunun yükünü azaltmanıza yardımcı olur ve bu da sayfa yükleme hızlarını artırır.

Bu kılavuzda, WordPress'te sorunsuz bir şekilde resimleri nasıl yükleyeceğinizi göstereceğiz.

Ancak tembel yükleme nedir ve neden WordPress'te tembel yükleme görüntüleri yapmalıyız? Önce bunu aradan çıkaralım.

Tembel Yükleme Nedir ve Nasıl Çalışır?

Tembel yükleme , blog yazarlarının ve web geliştiricilerinin web sitelerinin hızını artırmak için kullandıkları basit bir teknolojidir. Fikir oldukça basit.

Tembel yükleme olmayan bir WordPress web sitesi için, bir ziyaretçi blog yayınlarınızdan herhangi birine geldiğinde, blog yayınındaki tüm resimler bir kerede yüklenir. Şimdi, bu daha iyi bir seçenek gibi görünebilir, ancak bunun bir dezavantajı var. Blog gönderinizde çok fazla yüksek kaliteli fotoğraf varsa, yüklenmesi uzun sürebilir.

Öte yandan, tembel yüklemenin yaptığı şey, yalnızca ziyaretçinin mevcut görünümünde bulunan görüntüleri yüklemektir. Ardından, aşağı kaydırdıkça, geri kalan görüntüler, kullanıcının görüş alanına girdiklerinde yüklenir.

Sonuç olarak, sunucunun her HTTP isteğine daha az resim yüklemesi gerekir, bu da sunucudaki işlem yükünü azaltır ve yanıt süresini daha hızlı hale getirir.

Günümüzde pek çok web sitesi daha iyi sayfa hızları elde etmek için tembel yükleme kullanıyor. Ayrıca, kurulumu ve yönetimi kolaydır, o halde neden denemeyesiniz?

Tembel yüklemenin bazı avantajlarını görelim ve neden görüntüleri tembel yüklememiz gerektiğini anlayalım.

WordPress'te Neden Tembel Yükleme Resimleri?

Google, sıralama faktörlerinden biri olarak sayfa hızını kullanıyor. Bu nedenle, daha iyi içeriğiniz varsa ancak web sitenizin hızı düşükse, çabalarınızı boşa harcıyorsunuz demektir. Rakipleriniz, aynı içerikle ancak daha iyi web sitesi hızıyla sizi kolayca geçebilir.

Tembel yükleme, resimlerinizin normalden daha hızlı sunulmasını sağlamanın en basit ve en etkili yollarından biridir.

Binlerce kelime ve çok sayıda ayrıntılı resim içeren nasıl yapılır blog yazıları veya benzeri bir şey yazarken, resimlerin web sitesinin genel performansını etkilemediğinden emin olmalısınız.

Görüntüler optimize edilmeden bırakılırsa, web sayfanızın performansını önemli ölçüde azaltabilir. Daha yüksek bir sunucu yanıt süresi ve daha düşük sayfa hızı, ne pahasına olursa olsun olmasını istemediğiniz web sitenizin hemen çıkma oranını artırabilir.

Düzenli WordPress önbelleğe almanın yanı sıra, tembel yükleme çoğu durumda uygun olabilir ve sitenizin performansını artırmak için yaygın olarak kullanılan tekniklerden biridir.

WordPress'te tembel yükleme resimlerinin önemini anladığınızdan eminim. Neyse ki, WordPress de bunu önemli bir özellik olarak kabul ediyor ve yerel olarak tembel yükleme sunuyor. WordPress yerel tembel yüklemesine dalalım.

Yerel Tembel Yükleme nedir?

WordPress 5.5, yerel bir tembel yükleme özelliği ile geldi. Özellik varsayılan olarak etkindir ve onu yapılandırmak için başka bir şey yapmanız gerekmez. Yerel tembel yüklemenin ana avantajı, herkesin ekstra araçlara veya hizmetlere güvenmeden bu özelliği elde edebilmesidir.

Sayfanıza veya gönderinize resim veya iframe ortamı eklediğinizde, WordPress otomatik olarak loading=”lazy” etiketini HTML sürümüne ekler.

Örneğin, bir görüntünün güncellenmiş HTML sürümü şöyle görünecektir:

 <img src="QuadLayer-Blog.jpg" loading="lazy" alt="QuadLayers" />

Ve iframe'ler şöyle olacak:

 <iframe src="QuadLayers-products.html" loading="lazy"></iframe>

Blog gönderisini yayınladıktan veya güncelledikten sonra tüm resimler ve iframe'ler otomatik olarak güncellenecektir. Yeni yerel tembel yükleme özelliği tarafından değiştirilecek resim türleri aşağıdadır:

• İçerik resimleri
• alıntı resimler
• Widget görüntüleri
• avatar
• Şablon resimleri

Ancak, yerel tembel yükleme istemiyorsanız, aşağıdaki kod parçacığını ekleyerek bunu kapatabilirsiniz:

 add_filter('wp_lazy_loading_enabled', '__return_false');

Yerel tembel yükleme devre dışı bırakıldığında, özel bir eklenti kullanarak WordPress'te görüntüleri tembel olarak yükleyebilirsiniz. Özel bir tembel yükleme eklentisi, tembel yükle başa çıkmak için en iyi ve tercih edilen yöntemdir. Ek olarak, eklentilerle tembel yüklemeye resimler ve iframe videoları ekleyebilirsiniz.

Aşağıda, WordPress web sitenize tembel yükleme eklemek için kullanabileceğiniz bazı popüler eklentileri listeledik.

WordPress'te Tembel Yükleme Resimleri için En İyi Eklentiler

WordPress için tembel bir yükleme eklentisi ararsanız, birden fazla ücretsiz, ücretsiz ve premium çözüme ulaşacaksınız. Bu bölümde, görüntüleri tembelce yüklemek için kullanabileceğiniz üç popüler ve zengin özellikli eklenti tanıtılacaktır. Bunlar:

• BJ Tembel Yük – Ücretsiz
• WP Roketi - Premium
• Smush – Freemium

Her bir eklentinin ana özelliklerine bir göz atalım ve siteniz için hangisinin daha iyi bir seçim olabileceğini görelim.

1) BJ Tembel Yük

Minimum yapılandırma seçeneklerine sahip bir eklentiyi tercih ediyorsanız, BJ Lazy Load doğru araçtır. Eklenti, basit bir kurulum sihirbazıyla birlikte sunulur ve biraz bilgisi olan herkes onu yapılandırabilir. Eklenti, resim dosyalarınızı ve iFrame videolarınızı tembelce yüklemek için kullanılabilir.

Ayrıca, eklentiyi İngilizce'den başka bir dile çevirmeniz gerekiyorsa, bu da mümkündür.

BJ Lazy Load, geç yüklenen resimler ve videolar için özel bir eklentiye ihtiyacınız olduğunda mükemmel bir ortaktır.

Özellikler

• CDN ile uyumlu
• Kullanımı kolay
• Minimum Ayarlar
• Çeviriler Hazır
• iFrame'lerle çalışır

fiyatlandırma

BJ Lazy Load ücretsiz bir WordPress eklentisidir.

2) WP Roketi

WP Rocket , mevcut en zengin özellikli WordPress önbellek eklentilerinden biridir. Sayfa önbelleğe alma, önbellek ön yükleme, gzip sıkıştırma, e-ticaret optimizasyonu, veritabanı optimizasyonu, görüntü optimizasyonu ve CDN entegrasyonu gibi birçok özelliğe sahiptir.

Eklentinin ana avantajlarından biri uyumluluğudur. WP Rocket, çoğu WordPress teması ve eklentisi ile uyumludur, bu nedenle çakışma olmaz. Ayrıca, veritabanı optimizasyonu, web sitenizi optimize etmek için WP Rocket tarafından sunulan bir başka harika özelliktir.

Tüm bu harika özelliklerin yanı sıra eklenti, web sitenizde tembel yüklemeyi etkinleştirmenizi sağlar. WP Rocket ile ayrı bir tembel yük eklentisine ihtiyacınız yoktur.

Özellikler

• Sayfa Önbelleğe Alma
• Veritabanı Optimizasyonu
• e-Ticaret Optimizasyonu
• GZIP Sıkıştırma
• CDN Entegrasyonu
• Önbellek Ön Yükleme

fiyatlandırma

WP Rocket, birinci sınıf bir önbellek eklentisidir. Gördüğünüz gibi birçok özelliği var ve tek bir site için yılda 49 dolara alabilirsiniz.

3) ezmek

Resimlerinizi bir sonraki seviyeye optimize etmeniz gerekiyorsa, Smush kullanabileceğiniz en iyi araçlardan biridir. Smush, görüntü sıkıştırma ve optimizasyon için özel bir eklentidir. Resmin boyutunu küçülterek ve tembel yüklemeyi etkinleştirerek WordPress web sitenizin performansını artırmak için oluşturulmuştur. Eklenti ile sınırsız resim ve dizin sıkıştırabilirsiniz.

Bunun da ötesinde ekip, görüntü sunumunu artırmak için özel bir CDN (İçerik Dağıtım Ağı) oluşturdu. Ayrıca Gutenberg, WP Bakery, Gravity Forms ve Amazon S3 gibi çoklu entegrasyon fırsatları, web sitesi sahibinin daha güçlü entegrasyonlar oluşturmasına ve üretkenliği artırmasına yardımcı olabilir.

Özellikler

• Yönetimi Kolay
• Sınırsız Görüntü Optimizasyonu
• Özel CDN
• Dizin Smush
• Çoklu Entegrasyon

fiyatlandırma

Smush, bir freemium çözümüdür. Eklentinin ücretsiz sürümü, temel işlemler için yeterli olabilir, ancak biraz sınırlı hissediyor. Tam bir deneyim istiyorsanız, tek bir site için aylık 7,5 dolardan başlayan premium üyelik alabilirsiniz.

Bu nedenle, bunlar WordPress'e tembel yük eklemek için en iyi seçeneklerden bazılarıydı. Ancak, daha fazla seçenek görmek istiyorsanız, WordPress için en iyi tembel yükleme eklentileri listemize göz atmaktan çekinmeyin.

Bunun dışında, nihayet WordPress'te görüntüleri nasıl tembelce yükleyebileceğimizi görelim.

WordPress'te Tembel Yükleme Resimleri Nasıl Yapılır?

Bu bölüm, BJ Lazy Load eklentisini kullanarak WordPress'te görüntüleri nasıl tembel yükleyeceğinizi öğretecektir. O halde lafı daha fazla uzatmadan başlayalım.

Yapmak istediğiniz ilk şey, eklentiyi WordPress web sitenize kurmak ve etkinleştirmektir . Ardından, WordPress Yönetici Panosuna giriş yapın ve Yeni eklentiler ekle bölümüne gidin.

Oradan BJ Lazy Load'u arayabilirsiniz.

Eklentiyi yükledikten sonra etkinleştirin.

Eklenti aktif olduğunda, WordPress ayarları altında eklentinin yapılandırmasını görebilirsiniz.

Orada, mevcut tüm yapılandırma seçeneklerini göreceksiniz.

Eklentiyle birlikte gelen varsayılan yapılandırma oldukça iyi. Ancak ince ayar yapmanız gerekiyorsa, eklentinin ayarlar sayfasından yapabilirsiniz. Ne yaparsanız yapın, tembel yükleme görüntüleri ve iframe'leri etkinleştirdiğinizden emin olun.

Ardından, tembel olarak yüklemek için ne tür içeriğe ihtiyacınız olduğunu seçin.

Belirli görüntülerin gecikmeli yüklenmesini önlemeniz gerekiyorsa, belirtilen sınıfları içeren görüntüleri atlamak için bu özelliği kullanabilirsiniz.

Bunu düzgün bir şekilde yapmak için resme bir CSS sınıfı ekleyebilir ve BJ Lazy Load ayarları içinde CSS sınıfından bahsedebilirsiniz. Eşik 200 olabilir. Oradaki değeri değiştirmenize gerek yoktur.

Ayarları değiştirdikten sonra değişiklikleri kaydedin.

Bu kadar.

WordPress web sitenize tembel yüklemeyi bu şekilde ekleyebilirsiniz. Gördüğünüz gibi, BJ Lazy Load eklentisi ile bu oldukça basit.

Artık tembel yükleme, sitenizdeki resimleri optimize etmek için yapabileceğiniz tek şey. Ancak, resimlerinizi daha da optimize etmenin başka yolları da var. Örneğin, görüntüleri daha küçük bir boyuta sıkıştırmak ve sunucunuzdaki yükü azaltmak. Peki, bunu nasıl yapacağımıza bir bakalım.

BONUS: Performansı Artırmak İçin Görüntüleri Çevrimiçi Olarak Nasıl Sıkıştırırsınız

Tembel yüklemenin yanı sıra, web sitesinin performansını optimum düzeyde tutmak için görüntüleri sıkıştırmak da iyi bir uygulamadır. Genellikle, bir stok görüntüsü indirir veya ekran görüntüsünü alır ve doğrudan WordPress medya kitaplığına yükleriz.

Bu iyi bir uygulama değil.

Bazı resimlerin boyutu 1MB veya daha büyük olabilir, bu nedenle bu resimleri yüklemek web sunucusundaki tüm kullanılabilir depolama alanınızı tüketecektir. Bazı web barındırma şirketleri de kullanılabilir depolama alanını sınırlayacaktır, bu nedenle daha büyük dosya boyutlarına sahip medyalarla uğraşırken dikkatli olmalısınız.

Bu bölüm, görüntüleri çevrimiçi olarak nasıl sıkıştırabileceğinizi ve kaliteyi etkilemeden dosya boyutunu nasıl küçültebileceğinizi gösterecektir.

Yöntem 1: Çevrimiçi Görüntü Sıkıştırıcı

Görüntüleri sıkıştırmak için fazladan bir WordPress eklentisi kullanmak istemiyorsanız çevrimiçi bir araç kullanabilirsiniz. TinyPNG, TinyJPG, ImageCompressor vb. gibi birçok araç mevcuttur.

Bu eğitim için ShortPixel görüntü sıkıştırıcı adlı ücretsiz bir araç kullanacağız.

Çoklu sıkıştırma seviyeleri mevcuttur.

Bundan emin değilseniz, sıkıştırma türü olarak Kayıplı'yı seçin. Bu iyi ve pek çok insan onu kullanıyor. Görüntüleri optimize etmeye hazır olduğunuzda, bunları yerel depolama alanınızdan sürükleyin ve kutunun içine bırakın.

Sıkıştırmanın tamamlanması birkaç saniye sürecektir. Aracın optimizasyonu tamamlandıktan sonra, görüntünün gerçek boyutunu ve görüntünün mevcut boyutunu ekranda görebilirsiniz.

Araç görüntüleri sıkıştırdıktan sonra, bunları tek tek indirebilir veya beş dosyanın tümünü bir ZIP içinde indirebilirsiniz. Görüntü boyutu 10 MB'ın altındaysa aracı kullanmaya devam edebilirsiniz. Ancak, ek boyutunuz 10 MB'ı aşarsa, orada bir hesap oluşturmanız gerekir.

Kaliteyi kaybetmeden görüntü boyutunu küçültmek için ShortPixel görüntü sıkıştırma aracını bu şekilde kullanabilirsiniz.

Yöntem 2: Bir WordPress Eklentisi ile

Görüntü sıkıştırma görevini otomatikleştirmeniz gerekiyorsa, özel bir WordPress eklentisi kullanmanız gerekir. Bu şekilde, eklenti, siz yükledikten hemen sonra görüntü optimizasyonunu halledecektir.

ShortPixel ayrıca tipik bir görüntü sıkıştırma eklentisinin ihtiyaç duyduğu her olası özellikle birlikte gelen bir WordPress eklentisi sunar. Görüntüleri otomatik olarak sıkıştırmak için kullanabilirsiniz.

Yapmanız gereken ilk şey, sitenize ShortPixel eklentisini kurmak ve etkinleştirmek.

Aracı kullanmak için bir API anahtarına ihtiyacınız vardır. Anahtar, e-posta adresinizi girerek oluşturulabilir. Yapılandırdıktan sonra, eklentiyi yapılandırmak için Genel ayarlar'a gidin.

Ayarları değiştirdikten sonra değişiklikleri kaydedin. Şu andan itibaren eklenti, sunucuya yüklediğiniz her görüntüyü optimize edecek.

Bu kadar.

Bu iki yöntem, WordPress web sitenize birden fazla resim eklemek için en yaygın olanıdır. Özel bir kılavuza ihtiyacınız varsa, WordPress'te görüntüleri sıkıştırma konusunda sizin için bir rehberimiz var.

Ayrıca, en iyi WordPress görüntü sıkıştırma eklentileri hakkında daha fazla bilgi edinmek için bu makaleye göz atabilirsiniz.

Çözüm

Daha önce de belirttiğimiz gibi Google, sayfa hızını bir sıralama faktörü olarak görmektedir. Dolayısıyla rakiplerinizden daha üst sıralarda yer almanız gerekiyorsa, web sitenizin hızını ve performansını artıracak teknolojiler geliştirmelisiniz.

Tembel yükleme, sitenizin hızını ve performansını artırmak için basit ve değerli bir özelliktir. Bir WordPress web sitesinde tembel yük uygulamak da basittir. Görev için birden fazla eklenti mevcuttur ve bunlardan herhangi birini seçebilirsiniz.

Bu yazıda, WordPress'te görüntülerin nasıl tembelce yükleneceğini gördük. Bu eğitim için çok az konfigürasyonla gelen BJ Lazy Load eklentisini seçtik. Mevcut özellikleri değiştirdikten sonra, gitmeye hazırsınız. Kullanımı çok kolaydır ve herhangi bir kodlama veya teknik bilgi gerektirmez.

Umarız bu makaleyi faydalı bulmuşsunuzdur ve WordPress'te görüntüleri nasıl tembelce yükleyeceğinizi öğrenmişsinizdir. Lütfen bu gönderiyi arkadaşlarınızla ve diğer blog yazarlarıyla sosyal medyada paylaşmayı düşünün. Daha faydalı kılavuzlar ve eğitimler için blogumuzu kontrol etmekten çekinmeyin.

Beğenebileceğiniz benzer makaleler:

• Yavaş Bir WooCommerce Mağazası Nasıl Onarılır ve Hızlandırılır
• Genel WordPress Performansınızı Artırmanın 11 Yolu
• WordPress için En İyi Önbelleğe Alma Eklentileri (Ücretsiz ve Premium)