WordPress Sitenizi Daha Hızlı Hale Getirmek için En İyi Tembel Yükleme Eklentileri

Yayınlanan: 2019-04-01

Tonlarca resim içeren sitelerin yüklenmesi sonsuza kadar sürebilir. Her resim için, bu başka bir HTTP isteğidir ve sayfalar yavaş yüklenirken kullanıcılarınızın hayal kırıklığı içinde beklemesi için daha fazla zaman vardır.

Çözüm nedir? Yavaş yüklenme.

Okumaya devam edin veya şu bağlantıları kullanarak devam edin:

  • WordPress 5.5 ile Yerel Tembel Yükleme Geldi
  • Bir Eklenti Artık Gerekli mi?
    • Arayüze Erişim
    • Tarayıcı Uyumluluğu
    • Ekstra Optimizasyon
  • Yerel Tembel Yüklemenin Faydaları Var mı?
  • En İyi Tembel Yük Eklentileri
  • Tembel Yükleme Hakkında Daha Fazla Bilgi

Geç yükleme, resim ağırlıklı siteleri önemli ölçüde hızlandırabilir ve sitenizde etkinleştirilmesi hiç zaman almaz.

Özetle, resimleri yalnızca "ekranın üst kısmında" olduklarında yüklenmeye zorlar - başka bir deyişle, yalnızca kullanıcının tarayıcısında görüntülenen resimler yüklenir.

Bu nedenle, 10 Yeni ve Ücretsiz Tam Ekran WordPress Teması içeren bir sayfanız varsa, gönderideki yalnızca ilk birkaç resim yüklenir ve diğerleri kullanıcı sayfayı aşağı kaydırdıkça yüklenir.

WordPress 5.5 ile Yerel Tembel Yükleme Geldi

Tembel yükleme, WordPress için hala nispeten yeni bir özelliktir.

Görüntülerinize "tembel" özniteliğini ekleyerek ve değeri "yükleniyor" olarak ayarlayarak çalışır ve ardından çıktıda tarayıcı tarafından işlenir.

Sadık olduğunuz bir tembel yükleme eklentiniz varsa veya tembel yüklemenin etkinleştirilmesini hiç istemediğiniz aşamalardan geçiyorsanız, onu devre dışı bırakabileceğinizi duymaktan memnun olacaksınız.

Bazı eklentiler bunu otomatik olarak yapar, ancak bunu manuel olarak yapmanız gerekiyorsa, function.php dosyanıza gidin ve aşağıdakileri ekleyin:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Bu, WordPress'in tembel yükleme özelliğini devre dışı bırakacaktır, yani seçtiğiniz bir eklentiyi çakışma riski olmadan kullanabileceksiniz.

Bu sadece bir kod satırı, ancak eklemekten çekiniyorsanız, bunu sizin için yapacak olan bu basit eklentiyi indirebilirsiniz.

Bir Eklenti Artık Gerekli mi?

WordPress yerel tembel yükleme sunduğuna göre, bir eklenti kullanıp kullanmayacağınızı merak ediyor olabilirsiniz.

İyi okumaya devam edin, çünkü aslında bir eklentiye bağlı kalmak isteyebileceğiniz birkaç neden var:

Arayüze Erişim

Smush gibi iyi bir tembel yükleme eklentisi, belirli ayarlarda ince ayar yapma seçeneklerinin yanı sıra bir düğmeye dokunarak tembel yüklemeyi açıp kapatma yeteneği olan bir arayüz sunar.

Bu seçenekler, geç yüklenecek görüntü türlerinden, geç yüklemenin geçerli olduğu sayfalara kadar değişebilir. Bunun gibi ayarları eklenti olmadan değiştirmek istiyorsanız, kodu derinlemesine incelemeniz ve bu istisnaları manuel olarak eklemeniz gerekir.

Tarayıcı Uyumluluğu

Bir başka harika olumlu şey, çoğu eklentinin tüm tarayıcılarda çalışacak olmasıdır. Safari, yükleme özelliğini desteklemeyen ana tarayıcılardan biridir, bu nedenle çok sayıda resim içeren bir web siteniz varsa, desteklenmeyen tarayıcılardan gelen kullanıcıların sıçradığını görebilirsiniz. Bu, bir eklenti kullanırken endişelenmenize gerek olmayan bir şeydir.

Ekstra Optimizasyon

Çoğu eklenti, tembel yüklemeden çok daha fazlasını sunar. Web sitenize bir görsel optimizasyon eklentisi eklemek, muhtemelen vereceğiniz en iyi kararlardan biridir.

Smush gibi eklentiler, Google'ın resimlerle ilgili PageSpeed ​​önerilerini yakalamanıza ve sitenize hız artışı sağlamanıza yardımcı olabilir - tembel yükleme sadece bir başlangıç!

Yerel Tembel Yüklemenin Faydaları Var mı?

Yüzeyde, bir eklenti, yerel tembel yüklemenin yapabileceği her şeyi ve daha fazlasını yapacak gibi görünebilir.

Bu teknik olarak doğru olsa da, en büyük fark, çoğu eklentinin sitenizin bağımlı olacağı bir JavaScript kitaplığı tanıtmayı içermesidir.

Yerel tembel yükleme daha basit ve anlaşılırdır ve fazladan kod gerektirmez.

Görüntü optimizasyonu eklentimiz Smush, aslında kendi yerel tembel yükleme sürümünü sunuyor.

WordPress' ile aynı temelde çalışır ancak Smush'un yaptığı tüm görüntü formatlarını destekler.

Yerel tembel yükleme, belki de gelecekteki diğer gelişmeler için bir temel olarak kullanılabilecek bir şeydir, ancak en azından şimdilik, eklentiler çoğu site için doğru seçimdir.

Geç yükleme ihtiyaçlarınızı çözmek için bir eklenti fikrini tercih ederseniz, ücretsiz tembel yükleme eklentileri koleksiyonunu bir araya getirdik.

  • Smush Görüntü Optimizasyonu

    Smush, bir sebepten dolayı en popüler hepsi bir arada görüntü optimizasyon eklentisidir. Resimlerinizin daha hızlı yüklenmesini sağlamak için ihtiyacınız olan her şeyi dahil ediyoruz.

    Tembel yükleme, hem Smush'un ücretsiz sürümünde hem de Smush Pro CDN ile birlikte gelen turbo şarjlı Smush Pro'da mevcuttur ve yerel tembel yüklemeden farklı olarak tüm tarayıcılarla uyumludur.

    Smush ile tembel yüklemeyi etkinleştirmek için işlemi çok basit hale getirdik. Tek yapmanız gereken Smush'ta Lazy Loading bölümüne gidip Activate butonuna basmak. Bu kadar.

    Geç yükleme etkinleştirildiğinde ayarlarınızı daha fazla değiştirebilirsiniz, ancak bu gerekli değildir. Smush ve Smush Pro'nun varsayılan ayarları, büyük bir performans artışı görmek için ihtiyacınız olan tek şey.

    Smush Image Optimizasyonu ile ilgileniyor musunuz?

    Ayrıntılarİndir
  • a3 Tembel Yük

    A3 Lazy load, sitenizdeki resimleri, iframe'leri, videoları ve diğer öğeleri tembelce yüklemek için popüler bir eklentidir.

    Sitenizdeki varlıkların nasıl yüklenmesini istediğinizi özelleştirebilmeniz için birçok ayarı vardır.

    Ayrıca WooCommerce, Advanced Custom Fields ve çeşitli CDN'ler gibi popüler eklentilerle %100 uyumlu olduğu test edilmiştir.

    a3 Lazy Load ile ilgileniyor musunuz?

    Ayrıntılarİndir
  • çılgın tembel

    İşte işe yarayan başka bir ultra yalın tembel yükleme eklentisi. Karmaşık yapılandırma gerekmez.

    Temaya veya jQuery kullanımına bağlı olarak Crazy Lazy, isteğe bağlı olarak jQuery eklentisi Unveil.js'nin değiştirilmiş bir sürümünü veya yerel JavaScript kitaplığı lazyload.js'yi kullanır.

    Crazy Lazy ile ilgileniyor musunuz?

    Ayrıntılarİndir
  • Videolar için Tembel Yükleme

    Tüm tembel yükleme eklentileri video ile çalışmaz, bu utanç verici çünkü videolar web sayfanızın dosya boyutuna resimlerden daha fazla yığın ekleyebilir.

    Lazy Load for Videos, Vimeo veya YouTube'da barındırılan videoları tembelce yüklemenize yardımcı olabilir. Bir yer tutucu resmi yükler ve yalnızca bir ziyaretçi tıkladığında tam video ve video oynatıcıyı yükler.

    Sitenizde çok sayıda video varsa ve video için tembel yükleme içermeyen hafif bir eklenti seçerseniz bu çok önemlidir.

    Videolar için Lazy Load ile ilgileniyor musunuz?

    Ayrıntılarİndir

Tembel Yükleme Hakkında Daha Fazla Bilgi

Eklenti kullanmak, sitenize tembel yükleme eklemenin en kolay yoludur, ancak tek yol bu değildir. Daha yalın bir çözüm istiyorsanız JavaScript'i sitenizde de kullanabilirsiniz.

Daha fazla bilgi edinmek istiyorsanız, tembel yüklemenin nasıl çalıştığına ve tekniği sitenizde nasıl yeniden oluşturacağınıza ilişkin tam bir döküm için WordPress'te Ekran Dışı Görüntüleri Tembel Yükleme İle Erteleme bölümüne bakın.

WordPress'in kendi tembel yükleme özelliği hakkında daha fazla bilgi edinmek istiyorsanız duyuruya göz atın.

Tembel yüklemeye başlamanın en kolay yolu Smush free veya Smush Pro'dur.

Smush Pro, diğer Google PageSpeed ​​Insights fırsatları konusunda size yardımcı olabilecek başka özellikler ekler. Görüntülerinizi WebP dosyalarına dönüştürerek yeni nesil biçimlerde görüntü sunmanıza ve Smush Pro CDN ile görüntülerinizi ölçeklendirerek görüntüleri uygun şekilde boyutlandırmanıza yardımcı olabilir. Smush Pro, popüler WP Retina 2x eklentisiyle bile uyumludur, böylece WordPress'i yavaşlatmadan bu devasa Retina görüntülerini tembelce yükleyebilirsiniz.

Smush Pro'yu ücretsiz deneyin ve siteniz için ne kadar fark yaratabileceğini görün.

Sitenizde tembel yükleme kullanıyor musunuz? Sitenizin daha hızlı olmasına yardımcı oldu mu? Aşağıdaki yorumlarda bize bildirin.
Etiketler: