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

Hızın bizim için çok önemli olduğunu hepimiz biliyoruz. SEO ve dönüşüm. Bir web sitesini hızlı hale getirmek, o web sitesinin Google'da daha üst sıralarda yer almasına yardımcı olabilir. Ayrıca okuyucularınızı da 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 aracılığıyla kontrol ettiyseniz hız testi araçları Google PageSpeed ​​Insight veya Web.dev gibi, alabileceğiniz uyarılardan biri "ekran dışı görüntüleri ertelemek"tir.

Bu makalede bunun ne anlama geldiğini açıklayacağım, nasıl düzelteceğinizi anlatacağım ve tavsiyelerde bulunacağım. eklentileri düzeltmek için kullanabilirsiniz.

Ancak şunu bilmelisiniz ki ekran dışı görüntüleri ertelemek neden mobil hızınızı artırabilir, hızınızı etkileyen en önemli faktörlerin hostinginiz ve temanız olduğunu. Bunun sonucunda BloggingKullandığımız araçlar Cloudways çünkü en hızlı WordPress hostingidir. Cloudways'e paranız yetmiyorsa Bluehost veya Hostinger iyi seçeneklerdir. Tema için en hızlı olanı kullanıyoruz WordPress teması olarak bilinir GeneratePress.

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 yükleme ile en popüler WordPress eklentilerinden biridir. Halihazırda Jetpack 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, Autoptimize aynı özelliğe sahip olduğundan tembel yükleme eklentisi yüklemenize gerek yoktur.

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

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

4. LiteSpeed ​​​​Önbelleği

Kullanıyorsanız LiteSpeed ​​Önbellek eklentisi, Tembel yükleme özelliğine sahiptir. Etkinleştirmek için medya bölümüne gidin ve orada tembel yüklemeyi etkinleştirebilirsiniz.

5. a3 Tembel Yük

Yalnızca Tembel yükleme için bir eklentiye ihtiyacınız varsa, o zaman a3 Tembel Yük bunun için iyi bir eklentidir. Eklenti> yeni ekle'ye gidin. a3 Tembel Yükü arayın. Yükleyin 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)