WordPress'te tembel yüklemenin nasıl uygulanacağını öğrenmek ister misiniz?
WordPress web siteniz büyük ölçüde görsel içeriğe dayanıyorsa, buna Lazy Loading işlevi eklemeniz gerekebilir. Bu WordPress özelliği, bir web sitesinin sayfa hızını ve performansını iyileştirmeye yardımcı olarak SEO çalışmalarınız için gerekli hale getirir.
Bu makale, Lazy Loading'in nasıl çalıştığını, artılarını ve eksilerini keşfedecektir. Ayrıca, bunu web sitenize nasıl uygulayacağınızı ve en iyi sonuçlar için kullanımını optimize etmenin yollarını öğreneceksiniz.
Lafı daha fazla uzatmadan sizi listemize bakmaya davet ediyoruz. WordPress temaları. Ama daha önce, eğer WordPress keşfi hiç kurmadıysanız Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için
O zaman neden burada olduğumuza dönelim.
Tembel Yükleme nedir?
Bir web sitesinin yalnızca kullanıcı tarafından görülebilen resimleri yüklemesine izin veren bir özelliktir. Görüntüleri görünüm alanının dışına yüklemeyerek web sitesinin hızlı yükleme hızını korumasına yardımcı olur.
WordPress Tembel Yükleme Nasıl Çalışır?
Bir kullanıcı bir WordPress web sitesini ziyaret ettiğinde, tarayıcısı web sayfasındaki tüm görüntüleri bir kerede indirir. Birçok yüksek çözünürlüklü resim içeren sayfalar için bu işlem, yükleme süresini önemli ölçüde azaltabilir ve bu da web sitenizin performansına zarar verebilir.
Web sitenize Tembel Yükleme eklemek, yalnızca kullanıcının ekranında görünen resimleri indirmesini ister. Medya dosyalarının geri kalanı yer tutucu bir resimle değiştirilir ve yalnızca kullanıcı web sayfasını aşağı kaydırdığında yüklenir.
WordPress Tembel Yüklemenin Avantajları ve Dezavantajları
Hala WordPress'te tembel görüntü yüklemeyi uygulamanız gerekip gerekmediğini merak ediyorsanız, özelliğin artıları ve eksileri şunlardır:
avantajları:
- Barındırma maliyetlerini düşürerek bant genişliği kullanımını azaltır.
- Web sitesinin hızını artırır, böylece ziyaretçilerin tarama deneyimini iyileştirir.
- Mobil deneyimi iyileştirir.
- Çaba geliştirir SEO, web sitenizin arama motorlarındaki sıralamasını yükseltmek.
karşı:
- Yükleme hızını etkileyen içeriğin arabelleğe alınmasına neden olur.
- Hızlı kaydırmayı yavaşlatır.
WordPress Web Sitenize Tembel Yükleme Nasıl Eklenir: 3 Yöntem
WordPress web sitenize tembel yükleme uygulamanın üç yolu vardır. Durumunuza en uygun yöntemi seçmenizi öneririz.
1. WordPress 5.4 veya sonraki bir sürüme yükseltin
WordPress 5.4 ve sonraki sürümleri, varsayılan olarak tembel yüklemeyi destekler. WordPress'inizi güncelleme en son sürüme otomatik olarak tembel yüklemeyi destekleyecektir.
Bu en kolay yöntem olmasına rağmen, hangi görüntülerin tembelce yükleneceğini yapılandırmanıza izin vermez. Bu nedenle, web siteniz, yukarıda belirtilen dezavantajları ortaya çıkararak özelliği kötüye kullanabilir.
Dikkate alınması gereken diğer bir faktör, WordPress'in her sürümündeki Tembel Yükleme özelliğinin farklı doğasıdır. Son zamanlarda, WordPress, eski sürümlerden düşük geniş içerik puanlarıyla ilgili sorunları gidermek için iyileştirmeler uygulayan yeni bir WordPress sürümü yayınladı.
Bu, WordPress'in eski sürümlerinde çalışan web sitelerinin, en son sürüm olan WordPress 5.9'u çalıştıran sitelerle aynı avantajlara sahip olmadığı anlamına gelir.
2. Tarayıcı üzerinden yerel tembel yüklemeyi etkinleştirin
Chrome, Firefox ve Opera gibi popüler tarayıcılar tembel yüklemeyi destekler. Sadece özelliği eklemeniz gerekiyor otomatik olarak etkinleştirmek için hedeflenen resimlere ve videolara.
Yerel WordPress tembel yüklemesinde, yükleme özelliği şu üç değeri destekler:
- Oto : Varsayılan olarak tembel yüklemeyi tetikler; bu, bir yükleme özniteliği içermemesine eşdeğerdir.
- Tembel : Her biri görünüm alanından belirtilen mesafeye ulaşana kadar kaynakların yüklenmesini dağıtır.
- Istekli : Konumlarından bağımsız olarak tüm kaynakları sayfa yüklenir yüklenmez yükler.
İşte bir kullanım örneği:
<img src=”nom-image.png” loading=”lazy” alt=”alt attribute” width=”800″ height=”411″>Bu yöntem, belirli görüntüleri tembelce yüklemek için harikadır ve her birine görünüm alanında göründüklerini belirten bir yükleme özelliği verir. Ancak, özellikle web siteniz çok sayıda medya dosyası içeriyorsa, tek tek resimlerin tembelce yüklenmesi biraz zaman alabilir.
3. Bir WordPress Eklentisi Kurun
Tüm tarayıcılar, resimler ve videolar için tembel yüklemeyi desteklemediğinden, ikinci yöntem her zaman çalışmayabilir. Bu sorunu azaltabilirsiniz Tembel yükleme WordPress eklentisi yükleyerek. Bu yöntem, hangi görüntülerin kodlamadan tembelce yükleneceği konusunda size daha fazla kontrol sağlar.
İşte en iyi WordPress eklentileri Aralarından seçim yapabileceğiniz tembel yükleme, dizini aracılığıyla erişilebilir WordPress eklentileri.
Web Sitenizin Yükleme Hızını Artırın
Bu WordPress eklentisinin iyi yanlarından biri, AVIF dahil tüm görüntü türlerini desteklemesidir. Bu freemium tembel yükleme WordPress eklentisi, optimizasyon ve güncelleme sağlar. görüntünün ölçeği onları ziyaretçilerin cihazlarına uyarlamak, sağlamak kullanıcı deneyimi en uygun.
Daha yavaş bir ağ tespit ettiğinde, bu WordPress eklentisi size görüntü kalitesini düşürme seçeneği sunar. Ayrıca, görüntüleri bu WordPress eklentisinin bulut kitaplığında saklayarak depolama alanından tasarruf edebilirsiniz.
Bu ücretsiz eklenti, görüntüleri aylık 5 ziyarete kadar optimize etmenize olanak tanır. Pro planını satın almak, 000 aylık aktif ziyaretçi ve daha fazlası için görüntüleri tembelce yüklemenize olanak tanır. Her iki planın görüntüleri AWS Cloudfront CDN aracılığıyla sunulur.
Indir | gösteri | Web hosting
Smush
Smush, tembel yüklemeyi destekleyen popüler bir görüntü optimizasyon eklentisidir. ile uyumludur WordPress temaları popüler, sayfa oluşturucular ve medya kitaplığı eklentileri. Ayrıca, eklenti ayarlarını sınırsız konfigürasyonlarda kaydetmenize ve sadece birkaç tıklama ile uygulamanıza olanak tanır.
Diğer kullanışlı özellikler, yanlış görüntü boyutu algılama, destek çoklu alan ve görüntü sıkıştırma araçları. Smush Pro'ya yükseltme, büyük görüntüleri boyut sınırlaması olmadan optimize etmenize, orijinal görüntüleri kaydetmenize ve diğer WPMU Pro eklentilerine erişmenize olanak tanır. Fiyatlar 5 $ / ay.
Indir | gösteri | Web hosting
a3 Tembel Yük
a3 Lazy Load, mobil odaklı ücretsiz bir tembel yükleme eklentisidir. WordPress 5.9 ve WebP ve AMP eklentileri dahil bir dizi popüler araçla tamamen uyumludur.
a3 Lazy Load, temel gecikmeli yükleme işlevselliği sunmanın yanı sıra, sayfalara, gönderilere, özel gönderi türlerine ve widget'lara gömülü videolar dahil olmak üzere videoları tembel olarak yüklemenize de olanak tanır. Tembel yükleme efektleri ve üstbilgi veya altbilgiden komut dosyaları yükleme özelliği de mevcuttur.
Çoklu site desteği, WebP görüntü desteği ve tembel iframe yükleme gibi diğer önemli özellikler – bu, Google Haritalar ve gömülü medya gibi WordPress çekirdeğinin yüklemediği iframe'ler için geçerlidir.
Indir | gösteri | Web hosting
WordPress Tembel Yükleme İpuçları
Tembel yüklemeden en iyi şekilde yararlanmanın anahtarı, onu doğru kullanmaktır. WordPress web sitenizde tembel yüklemeyi ayarlamak için bazı ipuçları:
- Başlık resimlerini tembelce yüklemeyin. Sayfanın üst kısmına yerleştirilen görseller yüklenirken görünür olduğu için geç yüklenmelerinin bir faydası yoktur.
- Uygun yer tutucuları seçin. Resimleriniz için yer tutucu olarak düz renk tonu veya düşük kaliteli resim kullanmanızı öneririz.
- Görüntü yükleme için arabellek süresi ekleyin. Bu şekilde, görselleriniz ziyaretçi görüntüleme alanına girmeden hemen önce hazır olur ve herhangi bir bekleme süresini ortadan kaldırır.
- Görüntü kapsayıcılarının boyutlarını tanımlayın. Bu, yükleme sırasında web sayfanızın düzenli görünmesini sağlayacak ani düzen değişikliklerinden kaçınmanıza yardımcı olacaktır.
- Yalnızca uzun sayfalarda gecikmeli yükleme uygulayın. Uzun sayfalar, sona ulaşmak için ikiden fazla dönüş alan ve beşten fazla görüntüye sahip olanları içerir.
WordPress'te tembel yükleme, ziyaretçilere daha iyi bir tarama deneyimi sunmanıza olanak tanır. Bu özellik, web sitesi hızını artırmanın yanı sıra bant genişliği kullanımınızı da azaltır. Sonuç olarak, arama motoru sonuçlarında daha iyi sıralamalar için SEO çabalarınıza yardımcı olur.
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.
- WordPress hataları yönlendir Nasıl saptamak
- Bazı eklentileri blogunuza Google hizmetlerini entegre etmek
- 5 WordPress eklentileri bildirimleri görüntülemek için
- özel şablonlar WordPress nasıl oluşturulur
- farklı geçmişleri kullanma WordPress
Sonuç
WordPress web sitenize Lazy Loading'i nasıl uygulayacağınızı gösteren bu eğitim için bu kadar. Bu makalenin, WordPress web sitelerinde tembel yükleme özelliğinden en iyi şekilde nasıl yararlanabileceğinizi anlamanıza yardımcı olduğunu umuyoruz. mutlaka kullanın WordPress barındırma web sitenizin performansını daha da artırmak için yüksek kalite.
Herhangi bir endişeniz veya öneriniz varsa, lütfen bize bildirin Yorumlar.
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 ya da Divi: Tüm zamanların en iyi WordPress teması.
Bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...
