WordPress için Tembel Yük – Nedir ve web sitenize nasıl eklenir
WordPress sitenize tembel yük ekleyin WordPress sitenizi hızlandırmak için etkili bir araçtır. Yavaş yükleme sayfalarının hızının çevrimiçi başarı için dönüşüm, SEO ve diğer belirteçler üzerinde nasıl olumsuz bir etkisi olduğu hakkında kapsamlı bir şekilde yazdık (hatta bir vaka çalışması yaptık). Siteniz ne kadar hızlı yüklenirse o kadar iyidir. Siteyi yavaşlatan en önemli iki faktör HTTP istekleri ve sayfa ağırlığıdır. Doğal olarak, tarayıcı tarafından sunucuya ne kadar çok istek gönderilmesi gerekirse, siteyi işlemek için gereken süre o kadar uzun olur. Aynı zamanda, sayfanız o kadar büyük olursa (örneğin, çok fazla görüntü içerdiği için), yüklenmesi gereken süre ne kadar uzun olur.
Tembel yük, bu iki faktörü tartışan bir tekniktir. Bu, web sayfasının birkaç bölümünün gerçekten gerekene kadar yüklenmesini geciktirmek anlamına gelir. Bu aynı zamanda bu blogu yayınlama konusudur. Aşağıda, tembel yükün nasıl çalıştığını, avantajları ve dezavantajları ve WordPress’e tembel yükün nasıl ekleneceğini öğreneceksiniz. Umarım okumaya devam etmek için çok tembel değildir! Tembel yük nedir ve neden kullanabilirsiniz? Belirtildiği gibi, tembel yük, tarayıcının web sayfalarını – genellikle görüntüyü – yüklemesini ve bir yer tutucu ile değiştirmesini engellemenin bir yoludur. Bu şekilde, sayfa daha küçük hale gelir ve sunucudan tarayıcıya aktarılması gereken daha az veri olur.
Sonuç: Web sitesi daha hızlı yüklenir ve kullanıcı daha mutludur. Ama bekleyin, sitenizden bu parçalara ihtiyacınız yok mu? Değilse, orada olmayacaklar, değil mi? Sayfayı bozmayacak mı? Bir rol oynamak için tembel bir yükte tembel burada. Bu teknik yalnızca tarayıcının yükleme varlıklarını ve görüntülerini yasaklamakla kalmaz, aynı zamanda gerçekten gerekli olana kadar gecikir. Örneğin, çizgiye gelen ziyaretçiler gerçekten görecek kadar uzak olana kadar görüntünün sayfada olması gerekmez. Sonuç olarak, tarayıcının gerçekleşmeden hemen önce yüklemesi gerekmez. Bu tam olarak tembel yük ile yapılır. Buzzfeed gibi popüler sitelerde görmüş olabilirsiniz, bu da listellerinin kullanıcının tarayıcısında daha hızlı görünmesini sağlamak için teknikler kullanmış olabilirsiniz.
Ancak, tembel yükle ertelenebilecek tek şey bu değildir. Diğer örnekler video, komut dosyaları ve yorumlardır. Aslında, JavaScript dosyalarını sayfa altbilgisine taşımak, zaman yükleme sayfasını hızlandırmak için yaygın bir tekniktir. Ayrıca YouTube’un yalnızca aşağı kaydırdığınızda yorum içerdiğini de fark edebilirsiniz. Bu şekilde, platform videoları daha hızlı izleyebileceğinizden emin olur. Onlar için yeterince iyiyse, neden sizin için olmasın?
Bu çok sayıda tıklamayı ortadan kaldırır ve kullanıcı deneyimi için çok iyi olabilir. Bununla birlikte, sınırsız parşömen tartışmasız değildir ve bu makalenin odak noktası olmayacaktır. Tembel Yükün Avantajları Tembel yükün ana avantajı görülmüştür: daha hızlı yükleme süresi. Sayfanızın ağırlığının çoğunu kesebildiğinizde, doğal olarak tarayıcıda daha hızlı görünecektir. İyi bir yan etki, ziyaretçinizi bant genişliğinizi kurtarmanızdır. Özellikle mobil cihazlarında veri bağlantıları kullananlar minnettar olacaktır. Sitenizi daha hızlı görmenin yanı sıra, planlarını hiç görmedikleri görüntülerde boşa harcamalarına da gerek yoktur. Bununla birlikte, sitenizde tembel yük kullanmak için zayıf yönler, tüm güneş ve gökkuşağı değil, tembel yükleri kullanarak. Bu tekniğin de birkaç zayıflığı vardır. İlk ve en önemlisi, her zaman arama motoru dostu değildir. Ziyaretçiler için yükleme varlıklarını ertelediğinizde, örümcek arama motorları için de aynısını yaparsınız. Sonuç olarak, içeriğinizin bir kısmını dizine eklemeyebilir, bu da kesinlikle SEO için iyi değildir. Bir çözüm olsa bile. Tabii ki, bu sadece görüntüler değil, gönderme için yavaş yükleme kullanırken daha büyük bir sorundur (bu yüzden birçoğu ondan uzaktır). İkinci endişe kullanıcının deneyimidir. Sitenizi çok hızlı bir şekilde kaydırırken, yer tutucu görüntülerini gerçekten atlama sayfaları yapabilen görsellerle değiştirebilir, bu da müdahale edebilir. Peki, tembel yüklerdeki karar nedir? Kısacası: Bu teknikte kullanılan WordPress sitenizi çok daha hızlı yükleyebilir, ancak SEO ve kullanıcı deneyimine dikkat etmelisiniz. WordPress aracılığıyla WordPress’e tembel yük nasıl eklenir, ancak WordPress’e manuel olarak tembel yük eklemek mümkün olsa da (bkz. Jay Hoffmann’ın zarif temalardaki öğreticisi), çok daha kolay bir alternatif, aşağıdaki eklentilerden birini kullanmaktır. Burada listelenen tekliflerin çoğu, yalnızca herhangi bir yapılandırma olmadan etkinleştirmeniz gereken basit ve it-ve it-ve-it-ve-it-ve-it-it-it -t-it -t-it -t-it -t-it-it-it-It-It çözümleridir. Birçoğu da çok hafif. Bu nedenle, bir eklenti olmadan WordPress’e tembel yük eklemek benim için gereksiz bir çaba gibi görünüyor (yasal bir neden olan teknik yeteneklerinizi geliştirmek için yapmadığınız sürece). Çoğu kullanıcı için, WordPress Sphere tarafından sunulan birçok tembel yük eklentisinden birini seçmek daha iyidir. İlk adayımızın tembel yükü, dışarıdaki yavaş yükleme görüntüleri için en popüler ücretsiz çözümdür. 90.000’den fazla kurulum ve sağlam bir 4 yıldız sıralaması var. Popülerliği kısmen otomatik ekibin katkıda bulunduğu gerçeğiyle açıklanabilir.
Tembel Yük Eklentisi, görüntüleri yalnızca ViewPort’ta göründüğünde (cihazınızda gördüğünüz sitenin bir parçası olan) yüklemek için jQuery.sonar’ı kullanır. Zip olmayan eklentiler sadece 20kb boyuttadır ve tek yapmanız gereken yüklemek ve etkinleştirmektir. Configure.bj tembel yüke gerek yok
En iyi WordPress tembel yük eklentisi Taht BJ Lazy Load. 60.000’den fazla kurulum ve sıralama sunuyor. Eklenti, görene kadar içeriğinizdeki tüm resimlerin ve IFRames’in (YouTube ve Vimeo videoları dahil) yerini alır. Yükle, etkinleştirin ve bunu yapmaya hazırsınız.
WP Rocket tarafından tembel yük
Burada popüler önbellek eklentisi WP roketiyle aynı yapımcı tarafından bir eklenti var. Küçük resimler, widget içeriği, avatarlar ve smiley dahil olmak üzere görüntü ve/veya iframe yüklemek tembel olabilir. Dahası, eklenti herhangi bir JavaScript kitaplığı kullanmaz. Bu, 10KB’den daha düşük olmasının nedenlerinden biri olabilir. 10.000’den fazla web sitesi WP Rocket tarafından tembel yüke güveniyor, bu yüzden işini doğru yapıyor gibi görünüyor. WordPress dizinindeki eklenti sitesi, sayfada veya görüntüde seçici olarak yavaş yüklemeyi devre dışı bırakmak veya yükleme eşiğini değiştirmek için kod içerir. Değilse, yapılandırma seçeneği yoktur.
A3 tembel yük
A3 Lazy Load “en eksiksiz eklenti olduğunu iddia ediyor, WordPress için tembel yük eklentisini ayarlamak çok kolay.” Bu aynı zamanda bu listedeki birkaç ayarla donatılmış birkaç girişten biridir. Bu eklenti, mesajlar, sayfalar, widget’lar, küçük resimler ve/veya avatarlarda resim, video ve iframe yüklemek için uygundur. Ayrıca direği gömmeye ve WooCommerce ile uyumludur (WooCommerce için Başlayan Kılavuzumuzu okuyun). A3 Lazy Load, sitede görünen görüntü efektleri bile sunar. Sanki yeterli değil gibi, komut dosyasını üstbilime veya altbilgiye (tembel yük eklentisi, kendiniz, meta nasıl) yükleyip yüklememeyi seçmenizi sağlar ve görüntüleri veya videoları yok sayar. Son olarak, bu tüm hücresel ve önbellek eklentisi ana bilgisayarları ve içerik dağıtım ağları ile uyumludur. İddialarının tamamen temelsiz olmayabileceğini görmeye başladım. Crazy Malass, bu eklentiyi inanılmaz bir logo dahil etmemin ana nedenlerinden biridir. Yani, o salyangoza bak! Bununla birlikte, bunun yanı sıra, bu aynı zamanda çok az kaynak kullanan görüntüler için yavaş bir yükleme eklentisidir. Crazy Lazy sıradan işlevlerle birlikte gelir ve kullanıcı görmeden yüklenen görüntüleri önler. Yapılandırmaya gerek yok, sadece etkinleştirin ve iyisiniz. Bir şeyi yapılandırmak istiyorsanız, kendi yer tutucu görüntüsünüzü CSS (eklenti sayfası bunun için kod içerir) ile ayarlayabilir ve görüntüyü hariç tutabilirsiniz (ayrıca bir kodu vardır). Hız – Tembel YükGörüntü ve IFRames’in gerekene kadar yüklenmemesini sağlayan diğer eklentiler.Yalnızca 5KB ışıktır (bu geliştiriciler en küçük eklentiyi kim yapabilecek?) Ve yapılandırmaya gerek kalmadan yarışır.Herhangi bir yerde tembel yükü devre dışı bırakmak için kısa bir kodu vardır ve bir resim için de devre dışı bırakmanızı sağlar.Ancak şimdiye kadar sadece 3.000’den fazla kurulum, tam 5 yıldızlı bir sıralama ile geliyor.Sınırsız WordPress’i kaydırın – Ajax daha fazla yük Daha önce parşömenlerden bahsettik, şimdi bu, sitenize eklemek için eklenti. WordPress Infinite Scroll, kendi özel kısa kodunuzu oluşturarak yavaş yayınlar, tek gönderi, sayfalar, yorumlar ve diğer sayfa öğelerini yüklemenizi sağlar. Gönderi, tarih, kategori, etiket ve daha fazlasının türüne veya biçimine göre çeşitli içerik türleri sorabilirsiniz. Bundan sonra, WordPress düzenleyicisine veya şablona bir kısa kod ekleyebilirsiniz. Bu eklenti ayrıca WooCommerce ve kolay dijital indirmelerle çalışır ve ek bir prim sunar. WP YouTube Lyte Giriş Sonumuz yalnızca video içeriği için yavaş bir yükleme eklentisidir. Bu, daha önce değil, yalnızca tıklandığında YouTube oynatıcıları içeren özel bir YouTube bağlantısı girmenizi sağlar. Temel olarak, tek yapmanız gereken, işlevini sağlamak için bağlantınızdaki bir harf değiştirmek. Veya, video içeriğini girmek için kısa bir kod kullanabilir veya YouTube bağlantısını otomatik olarak kırmak için bir eklenti isteyebilirsiniz. Ayrıca, bu, gerekirse yalnızca ses bölümünü girmenizi sağlar. Alternatif olarak, videolar için tembel yükü kontrol edin. Tembel Yük ve WordPress Kısacası, kullanıcı ve SEO deneyimi için önemli bir faktör olmaya devam eden yükleme sayfalarının hızıyla, yavaş yükleme, onu artırmak için araç kutunuzda başka bir araçtır. Bu teknik, sayfanın ağırlığını ve HTTP isteğini azaltır ve ziyaretçilerin istenen sayfayı daha hızlı görmelerini sağlar. Yukarıda, yüklemenin nasıl yavaş olduğu ve ne kullanabileceğinizden bahsettik.