WordPress'te ekran dışı görüntüler nasıl ertelenir

SEO ve dönüşüm için hızın çok önemli olduğunu hepimiz biliyoruz. Bir web sitesini hızlı yapmak, o web sitesinin Google'da daha üst sıralarda yer almasına yardımcı olabilir. Ayrıca okuyucularınızı mutlu edebilir. Hızlı bir web sitesini kim sevmez?

Ancak bir web sitesini hız için optimize etmeye çalışırken, yapılacak çok şey olduğundan zaman alıcı olabilir. Genellikle ara sıra web sitemi test etmeye ve kötü performans göstermediğinden emin olmaya çalışırım. Orada neyin yeni olduğunu asla bilemezsiniz. SEO dünyasında işler çok sık değişir.

Web sitenizi Google PageSpeed ​​Insight veya Web.dev gibi hız testi araçlarıyla kontrol ettiyseniz , alabileceğiniz uyarılardan biri "ekran dışı görüntüleri erteleyin" olabilir.

Bu yazıda bunun ne anlama geldiğini açıklayacağım, nasıl düzelteceğinizi anlatacağım ve düzeltmek için kullanabileceğiniz eklentileri önereceğim.

Ancak, ekran dışı görüntülerin ertelenmesinin mobil hızınızı artırabileceğini bilmelisiniz; hızınızı etkileyen en önemli faktörler hosting ve temadır. BloggingTools olarak biz, en hızlı WordPress hosting sağlayıcısı olduğu için Cloudways kullanıyoruz . Cloudways'i karşılayamıyorsanız Bluehost veya Hostinger iyi seçeneklerdir. Tema olarak ise GeneratePress olarak bilinen en hızlı WordPress temasını kullanıyoruz.

Ekran dışı görüntüleri erteleme ne anlama geliyor?

Ekran dışı görüntüleri ertelemek, henüz kullanıcı tarafından görülmeyen görüntülerin yüklenmesini geciktirmek anlamına gelir. Bu, tarayıcının yalnızca gerekli olanı yüklemeye odaklanmasını ve nihayetinde web sitesini daha hızlı hale getirmesini sağlayacaktır.

Gönderilerinizde veya ana sayfanızda çok fazla resim varsa, bir kullanıcı sitenizi ziyaret ettiğinde tarayıcı hemen her şeyi yüklemeye başlar. Görüntüler çoksa, sayfayı kullanıcıya sunmak çok zaman alabilir.

Ancak ekran dışı görüntüleri ertelediğinizde, görüntüler yalnızca kullanıcı kaydırdığında yüklenir.

Erteleyebileceğiniz şeyin yalnızca resimler olmadığını, web sitenizin varlıklarının çoğunun da ihtiyaç duyulana kadar ertelenebileceğini unutmayın.

WordPress'te ekran dışı görüntüler nasıl ertelenir

Tembel yükleme görüntüleri ile ekran dışı görüntüleri erteleyebilirsiniz. Geç yükleme, görüntülerin yalnızca gerektiğinde yüklenmesini sağlar. Bu da web sitesini daha hızlı hale getirecektir.

Sayfanızın hızlı yüklenmesini engelleyen resimleri ve diğer varlıkları tembelce yükledikten sonra. Google PageSpeed ​​Insight ve diğer test araçlarından gelen "ekran dışı görüntüleri erteleyin" kaybolacaktır.

WordPress'te ekran dışı görüntüleri ertelemek için şu adımları izleyin:

1. Tembel yükleme eklentisi yükleyin

WordPress eklenti dizininde ücretsiz olarak sunulan birçok tembel yükleme eklentisi vardır. Eklentiye gidebilir, yeni ekleyebilir ve ardından tembel yükleme yazabilirsiniz. İyi değerlendirmeleri olan herkesi yükleyin.

Ancak, tembel yüklemeyi kaldırabilecek eklentileriniz varsa, herhangi bir eklenti yüklemeniz gerekmez. Çoğu önbelleğe alma eklentisi tembel yüklemeye sahiptir. Tembel yükleme seçenekleri için önbelleğe alma eklentinizi kontrol edin. Görüntü optimizasyon eklentileri çoğunlukla tembel yükleme seçeneğine sahiptir.

Ayrıca Jetpack ve autoptimize kullanıyorsanız, tembel yükleme seçeneklerine sahiptirler.

2. Tembel yükleme seçeneklerini etkinleştirin

Eklentiyi yükledikten sonra tembel yükleme seçeneğini etkinleştirdiğinizden emin olun. Geç yükleme işlevine sahip bir önbellek eklentiniz varsa, bu seçeneği etkinleştirdiğinizden emin olun.

3. Önbelleğinizi temizleyin.

Geç yükleme etkinleştirildiğinde, önbelleğinizi temizleyin ve hepsi bu kadar!

Sitenizi tekrar test edebilirsiniz, uyarı gitmiş olmalı!

Ekran dışı görüntüleri erteleyin WordPress eklentisi

Offsreen görüntüleri ertele eklentileri, tembel yükleme eklentileri ile aynıdır. İşte bazıları aşağıda:

1. jetpack

Jetpack, 5 milyondan fazla aktif kurulumuyla en popüler WordPress eklentilerinden biridir. Jetpack zaten kuruluysa, tembel yükleme için ek bir eklenti kurmanıza gerek yoktur.

Jetpack'te tembel yüklemeyi etkinleştirmeniz yeterlidir. Etkinleştirmek için Jetpack ayarlarına gidin, ardından performans sekmesi altında aşağı kaydırın ve tembel yüklemeyi etkinleştirin.

2. Otomatik Optimize Et

Autoptimize çok popüler bir performans eklentisidir. Autoptimize kullanıyorsanız, tembel yükleme eklentisi kurmanıza gerek yoktur çünkü Autoptimize aynı özelliği zaten sunmaktadır.

Autoptimize settings'e gidin, ardından resimler sekmesine tıklayın ve Lazy yüklemeyi etkinleştirin.

3. WP Roket

WP Rocket, en popüler premium WordPress önbellekleme eklentisidir. WP Rocket kullanıyorsanız, başka bir eklentiye ihtiyacınız yoktur, çünkü tembel yükleme (lazy loading) özelliği etkinleştirilmiştir.

WP Rocket ayarlarına gidin, ardından medyaya tıklayın, oradan tembel yüklemeyi etkinleştirebilirsiniz.

4. LiteSpeed ​​​​Önbelleği

LiteSpeed ​​Cache eklentisini kullanıyorsanız , tembel yükleme özelliği mevcuttur. Etkinleştirmek için medya bölümüne gidin ve orada tembel yüklemeyi etkinleştirin.

5. a3 Tembel Yük

Sadece tembel yükleme (lazy loading) için bir eklentiye ihtiyacınız varsa, a3 Lazy Load bunun için iyi bir eklentidir. Basitçe eklentiler > yeni ekle bölümüne gidin. a3 Lazy Load'u arayın. Kurun ve etkinleştirin. Ardından eklenti ayarlarına gidin ve tembel yüklemeyi etkinleştirin.

Genellikle bazı temalar, bazı önbellek eklentileri ve bazı görüntü optimizasyon eklentileri tembel yükleme özelliği ile birlikte gelir.

Sıkça Sorulan Sorular (SSS)