WordPress'e resim yüklemek için tembel yüklemeyi nasıl kullanacağınızı öğrenmek ister misiniz?

Lazy Load, bir kullanıcı belirli bir resme doğru aşağı kaydırdığında web sitenizin yalnızca görüntüleri yüklemesine izin veren, bu da web sitesi yükleme süresini azaltan ve web sitesinin performansını artıran bir tekniktir.

Görüntülerle dolu en popüler web siteleri, Lazy Load'u web sitesinin hızını ve performansını artırmak.

Bu yazıda, Lazy Load kullanarak WordPress'e nasıl resim yükleyeceğinizi göstereceğiz.

WordPress'te Neden Tembel Yükleme Resimleri?

Resimlerinizin WordPress'e tembelce yüklenmesi web sitenizi hızlandırabilir ve en iyi kullanıcı deneyimi.

Yavaş web sitelerini kimse sevmez. Aslında, bir performans çalışması, sayfa yükleme süresindeki bir saniyelik tek bir gecikmenin %7 daha az dönüşüm, %11 daha az sayfa görüntüleme ve %16 daha düşük müşteri memnuniyeti ile sonuçlandığını buldu.

görüntüleri yüklemek için tembel yük kullanın

Google gibi arama motorları da yavaş yüklenen web sitelerini sevmez. Bu nedenle daha hızlı web siteleri arama sonuçlarında daha üst sıralarda yer alır.

Görseller, diğer web öğelerine kıyasla web sitenize yüklenmesi en uzun süreyi alır. Gönderilerinize çok sayıda görsel eklerseniz, her görsel sayfa yükleme sürenizi uzatır.

Bu durumu ele almanın bir yolu, bir CDN hizmeti. Bir CDN, bir kullanıcının kendilerine en yakın web sunucusundan görüntüleri indirmesine ve web sitesi yükleme hızlarını düşürmesine olanak tanır.

Ancak resimleriniz yine de yüklenecek ve genel sayfa yükleme süresini etkileyecektir. Bu sorunu çözmek için web sitenize tembel yükleme veya Lazy Load uygulayarak görüntülerin yüklenmesini geciktirebilirsiniz.

Tembel görüntü yüklemesi nasıl çalışır?

Tüm resimlerinizi bir kerede yüklemek yerine, tembel yükleme, yalnızca kullanıcının ekranında görünen resimleri indirir. Diğer tüm görüntüleri yer tutucu bir görüntü veya boş bir alanla değiştirir.

Bir kullanıcı aşağı kaydırdığında, 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.

  • Kullanıcıların web sitenizi daha hızlı görebilmesi için web sayfasının ilk yükleme süresini azaltır.
  • Görüntüleme anında yalnızca görüntü sağlayarak bant genişliğinden tasarruf sağlar ve barındırma maliyetlerinden tasarruf sağlayabilir.

WordPress 5.5'in piyasaya sürülmesi, varsayılan bir özellik olarak tembel yüklemeyi ekledi.

Ancak, resimlerinizin nasıl yavaş yükleneceğini ve arka plan resimlerinin nasıl yavaş yükleneceğini özelleştirmek istiyorsanız, bir WordPress Plugin.

Not: Tembel yükleme veya Lazy Load, web sitesi yükleme hızını artırmaya yardımcı olurken, maksimum performans için WordPress'e yüklemeden önce görüntüleri her zaman web için optimize etmelisiniz.

iki tane paylaşacağız WordPress eklentileri WordPress görüntülerinde tembel yüklemeyi kolayca yapılandırmanıza yardımcı olabilir.

Yöntem 1. WP Rocket ile WordPress'te Tembel Yükleme Resimleri

Eklentiyi kullanmanızı öneririz WP Rocket görüntüleri WordPress'e tembelce yüklemek için. Piyasadaki en iyi WordPress önbelleğe alma eklentisidir ve görüntülerin tembel yüklenmesini kolayca etkinleştirmenizi sağlar.

Bunun dışında, karmaşık teknik terimleri bilmeden web sitenizin hızını optimize etmenize yardımcı olan çok güçlü bir eklentidir.

Yükleme ve etkinleştirme üzerine, varsayılan olarak önerilen tüm önbelleğe alma ayarları, WordPress web sitenizi önemli ölçüde hızlandıracaktır.

Resmin tembel yüklenmesini etkinleştirmek için birkaç kutuyu işaretlemeniz yeterlidir. Web sitenizin hızını daha da artıracak videolar için tembel yüklemeyi bile etkinleştirebilirsiniz.

görüntüleri yüklemek için tembel yük kullanın

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

Bu yöntem ücretsiz eklentiyi kullanır Optimole. En iyi WordPress görüntü sıkıştırma eklentilerinden biridir ve görüntülerin kolayca yüklenmesini sağlamanıza olanak tanır.

Ayda 5'den fazla ziyaretçi alırsanız, premium sürümü.

Etkinleştirirken şuraya gidin: medya »Optimole, ardından bir API anahtarı için kaydolun.

Sadece düğmesine tıklayın API Anahtarını Kaydet ve E-postayla GönderVe size e-posta ile gönderilecektir.

Ardından API anahtarınızı girin ve " OptiMole Hizmetine Bağlan '.

Bundan sonra sekmeyi tıklayın " Ayarlar ”.

Burada " Ölçek görüntüleri ve Tembel yükleme" etkinleştirildi. Bu, ziyaretçinizin ekran boyutuna göre görüntüler oluşturacak ve yükleme hızlarını iyileştirecektir.

Ardından menü seçeneğine tıklayın " avanced »Ve« Tembel Yük »'ü seçin.

Bu ekranda, resimlerinizin tembelce nasıl yükleneceğini özelleştirmenize izin veren çeşitli ayarlar vardır.

Her şeyden önce, " Önce hariç tut lazyload'dan görüntüler ". Bu, fotoğrafınızın ilk görüntülerini engelleyecektir. makaleler veya sayfalar tembel yükü kullanmak için.

Her görüntünün yavaş yüklenmesini istiyorsanız bu seçeneği 0'a ayarlayabilirsiniz.

Ardından seçeneği etkinleştirebilirsiniz " Görüntüleri Ölçeklendir '.

Bu, görüntüleri ziyaretçi ekranının boyutuna uyarlayacak ve sayfanızın daha hızlı yüklenmesini sağlayacaktır.

Bundan sonra ayarı etkinleştirebilirsiniz " Arka plan resimleri için Lazyload'ı etkinleştir '.

Bu, web sitenizdeki daha büyük resimlerden bazıları olabilen arka plan resimlerinizi tembelce yükleyecektir.

Etkinleştirebileceğiniz başka bir ayar, gömülü videoların ve iframe'lerin geç yüklenmesidir. Çok sayıda gömülü video içeriğiniz varsa, bu ayarı etkinleştirmelisiniz.

Bu, video yerine bir yer tutucu resim yükleyecektir. Üzerine tıkladığınızda, tam video yüklenir.

Bu ayarları özelleştirmeye devam edebilir ve web siteniz ve resimleriniz için en iyi olanı görebilirsiniz.

Eklenti ayarlarından çıkmadan önce " Değişiklikleri Kaydet '.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. ARMember

ARÜye bir WordPress Plugin içerik koruması. Herhangi bir web sitesinde abonelik satmanıza izin veren benzersiz bir çözümdür. İçeriğini tamamen veya kısmen koruyabilen bir dizi araca sahiptir.

ARMember WordPress Üyelik Eklentisi

Bir diğer özelliği ise işlevsellik açısından biraz sınırlı olan ücretsiz bir seçenek sunmasıdır. Özelliklerden bahsetmişken, bu güçlü WordPress Plugin diğer şeylerin yanı sıra şunları sunar:

İçerik planlama, çoklu abonelik planları için destek, kolay kurulum, abonelik planları arasında geçiş yapma yeteneği, WooCommerce desteği, birkaç form şablonu ve daha fazlası.

Aynı zamanda bu niş içinde bir referanstır.

Indir | gösteri | Web hosting 

2. WooCommerce için Ülke Vergi Ekranı

WooCommerce için Ülkeye Göre Vergi Gösterimi, ziyaretçinin ülkesine bağlı olarak ürünlerin fiyatlarını vergili veya vergisiz görüntülemenizi sağlayan bir eklentidir. Ayrıca, ziyaretçinin fatura adresinin bulunduğu ülkeyi önceden seçmenize de olanak tanır. WooCommerce için Ülkelere Göre Vergi Görüntü

Bazen müşterilerin farklı para birimleri nedeniyle kafasının karışabileceğini ve buna vergiler dahil olduğunda daha da karmaşık olduğunu unutmayın. Ülkelere Göre Vergi Gösterimi, bu nedenle, bu engelleri kaldırmanıza ve satın alma sürecini basitleştirmenize olanak tanır.

Indir | gösteriWeb hosting

3. Slick Popup Pro

Kaygan Popup Pro bir WordPress uzantısı eklenti tarafından oluşturulan herhangi bir formu dönüştüren oldukça basit ve hafif İletişim Formu 7 Bir açılır pencerede. Formu kullanıyor ve güzel ve kusursuz bir şekilde açılan bir pop-up'a dönüştürüyor.WordPress Popup Eklentisi Slick Popup Pro

Açılır formun aşağıdakiler dahil çeşitli kullanımları olabilir: bir bilgi toplama formu, İletişim formu, bir kayıt formu, bir teklif formu, bir öneri / şikayet formu ve diğerleri.

Indir | gösteri | Web hosting

Diğer önerilen kaynaklar

Ayrıca, web sitenizi ve blogunuzu daha iyi ele geçirmek ve kontrol altına almak için sizi aşağıdaki kaynaklara başvurmaya davet ediyoruz.

Sonuç

İşte bu kadar! Bu eğitim için bu kadar. Bu makalenin, WordPress'e tembelce nasıl resim yükleyeceğinizi öğrenmenize yardımcı olduğunu umuyoruz. Çekinme En sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşın

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma.

Ancak bu arada, bize Yorumlar ve özel bölümdeki öneriler.

...