WordPress görüntülerini ve videolarını tembel yüklemenin yolları (2021)
Görüntü veya video olmayan bir web sitesinden daha sıkıcı bir şey yoktur. İnsanlar sonsuz metni okumak istiyorlarsa, bir kitap satın alacaklar, değil mi? Web sitesine görsel medya girmek oldukça kolaydır, ancak çok fazla eklemek sitenizin önemli ölçüde yavaşlamasına neden olabilir. Ancak, WordPress’teki tembel yükler günleri kurtarabilir. WordPress’te tembel yükleme nedir? Genellikle, ziyaretçiler web sitelerini açtıklarında, sayfaya gömülü tüm medya dahil tüm sayfa içeriği indirilir. Birçok medya varsa veya dosya çok büyükse – genellikle yüksek çözünürlüklü videolar veya resimlerle – yükleme hızı büyük ölçüde etkilenecektir. Hepimiz sayfanın yüklenmesini beklememizi hayal kırıklığına uğratan bir siteyi ziyaret ettik, bu yüzden başka bir yere geçiyoruz.
Tembel Yükleme WordPress, birçok resim veya video içeren bir sayfanın hızını optimize etmek için bir tekniktir. Sadece ziyaretçiler tarafından hemen görülmesi gereken medyayı indirerek çalışır. Şu anda ‘ekran dışında’ olan herhangi bir resmi veya videoyu indirmek, ziyaretçiler sayfayı daha da övünene kadar ertelenir. Temel olarak, resimler ve video klipler yalnızca daha önce değil, gerçekten gerektiğinde indirilir. WordPress sitenize resim ve video yüklemek için neden tembelsiniz? Sayfalar giderek daha önemlidir. Web’i keşfederken, insanlar artık yirmi yıl öncesine göre çok daha sabırsız ve şimdi içeriğin anında yüklenmesini bekliyor.
Google ve Bing gibi arama motorları sabırsızlığı fark ettiler, çünkü şimdi sayfa sıralamasını belirlerken sayfanın hızını dikkate alıyorlar. Bu nedenle, teorik olarak, aynı içeriğe sahip iki web sitesi varsa, ancak bunlardan biri hız için optimize edilmişse, site aramada optimize edilmediğinden daha yüksek olacaktır. Daha önce de belirtildiği gibi, görsel ortam, sayfa yüklemesinin yavaşlatılmasında en büyük neden olabilir. Sadece yüksek çözünürlükte olmayan birkaç temel görüntünüz varsa, iyi bir uygulama yapmak olsa bile, hız optimizasyonu hakkında çok endişelenmeden hayatta kalabilirsiniz. Ancak sitenizin çok fazla görüntü veya video içeriği varsa, yavaş yükleme WordPress sitenizi önemli ölçüde hızlandırabilir. WordPress yavaş yüklemenin bir başka avantajı, bant genişliğini tasarruf eden sadece bir resim ve video klip indirildi. Bant genişliğinin kullanımına dayalı bir maliyet talep eden bir paket kullanırsanız, barındırma maliyetleri için çok para tasarrufu sağlayabilir. Bu makale, manuel olarak veya bir eklenti kullanılarak görüntüleri nasıl yavaşça yükleyeceğinizi gösterecektir. İkisini de ele alacağız. Orijinal WordPress Görüntü ve Video Yükleme Nasıl Tembel Web siteniz WordPress 5.4 veya daha uzun sürerse, Google Chrome 76 varsayılan yüklemeyi destekler – tek yapmanız gereken yükleme özelliğini kullanmaktır. Chrome, Opera, Firefox ve Edge gibi çoğu kromla çalışan tarayıcı ile çalışır.
Aşağıda tembel yükleme özelliklerini birleştiren bir kod örneği verilmiştir. Bunu yaparken kendinizi rahat hissediyorsanız, görüntü özniteliğinize değiştirebilir, kesebilir ve ekleyebilirsiniz
WordPress 5.5 vb. Kullanıyorsanız, iyi haberler var – bu sürüm otomatik olarak tembel yükleme özellikleri ekler. Bu nedenle, en azından çoğu popüler tarayıcı için özelliklerle uğraşmaya veya eklentileri manuel olarak yüklemeye gerek yoktur. WordPress görüntülerini ve videoları tamam eklentilerle yüklemek için tembellik yolu, tamam, sadece WordPress 5.5’in ve benzeri olduğunu söylediğimizi ve eklentilerle uğraşmanıza gerek olmadığını itiraf ediyoruz. Ama ‘ama.’ Aslında iki:
WordPress’in tembel yüklemesini desteklemeyen Safari de dahil olmak üzere hala bazı tarayıcılar var. Yavaş yükleme eklentileri bu sorunun üstesinden gelebilir ve sitenize gelen tüm ziyaretçilerin kullandıkları tarayıcıdan bağımsız olarak yavaş yüklemeden yararlanmasını sağlayabilir.
Orijinal tembel yükleme öznitelikleri, gömülü videolar, haritalar vb. Gibi IFrame’i desteklerken, WordPress şu anda IFrame’ye eklemiyor. Bu, videoyu yavaşça yüklemek, eklenti veya daha önce manuel olarak tartışılan öznitelikleri eklemek anlamına gelir. Bu nedenle, şimdi mevcut eklenti seçeneklerinden bazılarını ve sizin için neler yapabileceklerini tartışacağız. Ancak, başlamadan önce, WordPress’inize yüklemeden önce resimlerinizi ve videolarınızı optimize etmeye alışmanızı şiddetle tavsiye ederiz. Nasıl yapılacağı hakkında çevrimiçi olarak mevcut olan birçok yönerge vardır veya bunu sizin için yapmak için eklentileri kullanabilirsiniz. Bu, görüntü optimizasyonu için paket araçlarını da tartıştığımız bazı tembel yükleme eklentileri, bu yüzden lütfen okumaya devam edin.
Optimol
Smush gibi Optimole, bir arada herkesin optimal görüntüsü ile birleştirilmiş tembel bir yükleyicidir. Ayrıca ücretsiz ve profesyonel sürümlerde de mevcuttur. Ücretsiz sürüm aşağıdakileri içeren birkaç harika özelliği birleştirir:
JQuery olmadan tembel yük
Kaliteyi kaybetmeden görüntü sıkıştırması
Tamamen otomatik
Her türlü görüntü desteklenir
Retina ve WebP görüntüleri için destek
Kütüphane bulut görüntüleri için destek
Global İçerik Teslim Ağı’ndan (CDN) Ücretsiz Mevcut Görüntüler
Retina cihazı dahil ziyaretçiler tarafından kullanılan cihaza dayalı optimizasyon ve duyarlı görüntü boyutu
İçerikte değişiklik yok
Görüntüye otomatik olarak su işareti ekleyin
Bağlantı daha yavaş tespit edildiğinde daha düşük görüntü kalitesi
Sayfa Desteği
Ücretsiz paket altında, aylık 5 bin ziyarete kadar ölçülmeyen görüntü sayısını optimize edebilirsiniz. Daha fazla işlem gören site için, Profesyonel’de bir artış aylık ziyaretleri 25 bine uzatacaktır. Pro Fee 23 €/ay veya yıl/yıl/yıl arasında başlar ve ayrıca aşağıdaki ek özellikleri ekler: Otomatik Görüntü Ölçeği
Tembel yükleme akıllıdır
Bant genişliği ölçülebilir değil
Her zaman e -posta desteği
Optimole ortalama 4.8/5.0 kullanıcı yıldızı derecesine sahiptir ve 80.000’den fazla aktif kurulum vardır. Optimol Al
Aşağıda bağlı makaleler
Smuş
Bir milyondan fazla aktif kurulumla, Smush şimdiye kadar mevcut görüntüler için en popüler yavaş yükleme eklentisidir. Ancak bu eklentiyi daha etkileyici kılan, varsayılan görüntü optimizasyon aracıdır. Bu nedenle, sitenize görüntü yüklemek için tembel olmanın yanı sıra, diğer eklentilere ihtiyaç duymadan bunları kolayca optimize edebilirsiniz.
Smush’ın ücretsiz versiyonu size aşağıdaki harika özellikleri sunar:
Gerekene kadar ekran dışındaki görüntüleri geciktirmek için tembel yük
Kayıpsız Görüntü Sıkıştırma – Görüntü kalitesi etkilenmez
Optimizasyon ve Kütle Sıkıştırma – Aynı anda en fazla 50 görüntüye kadar
Görüntü boyutunu değiştir
Sitenizin hızını engelleyen görüntüler bulmak için yanlış boyutta görüntü algılama
Medya kütüphanesinde bulunmayanlar dahil görüntüleri optimize edin
Otomatik optimizasyon
PNG, JPEG ve GIF görüntülerini 5MB boyutlarına kadar optimize edin
Gutenberg Block Entegrasyonu Doğrudan görüntü bloğunda tüm istatistikleri görmek için
Birçok siteyle uyumlu
Temalar, eklentiler, sayfa yapımcıları ve medya kütüphaneleri ile uyumlu
Smush Pro, ayda 6 $ veya yılda 60 $ değerinde. Bu, aşağıdaki ek özellikleri ekler: 2x görüntü sıkıştırma
Görüntüleri sınırsız optimize et
Orijinal görüntüleri yedekleme olarak saklama seçenekleri
Otomatik boyutu ve ölçeği değiştir
WebP Desteği
PNG görüntüsünün JPEG’ye otomatik olarak dönüştürülmesi
Daha büyük görüntü kompres (> 5MB)
Destek
Smush Pro’yu yedi gün boyunca ücretsiz olarak deneyebilirsiniz, ancak bizim görüşümüze göre, çok büyük çok büyük görüntünüz yoksa ücretsiz sürüm çoğu insan için yeterli olacaktır. Bu eklentinin etkileyici bir ortalama kullanıcı derecesi 4.8/5.0 yıldızdır. Smush A3 Tembel Yük Al
A3 Lazy Load, WordPress için çok popüler bir tembel yük eklentisidir, 200.000’den fazla aktif indirme ve ortalama 4.3/5.0 yıldızlı kullanıcı derecesi. Bu, görüntüler ve iframes için yavaş yüklemeyi destekler. Ayrıca, yükleme işlevlerinin nasıl yavaş olduğu üzerinde bir kontrol düzeyi sağlar, örneğin, içeriğin yüklenmesi gerektiğinde, belirli içerikleri yavaş yüklemeden hariç tutarak vb.
A3 Lazy Load ücretsiz bir eklentidir, ancak bu, üstün özelliklere sahip olmadığınız anlamına gelmez:
WordPress Media Kütüphanesi’nden yayınlanmayan tüm görüntüleri yayınlarda, sayfalarda, özel yayın türleri, widget’lar, küçük resim yayınları ve gravatar olarak yükleyip yüklemeyeceğinizi seçin.
Yatay kaydırma kullanan bir kaptaki görüntülere destek
İçerik ve widget’ların tüm alanlarında yayın ve sayfalara URL’ler tarafından gömülü videolar için yavaş yükleme
WordPress Core tarafından yayınlanmayan herhangi bir kaynaktan IFrame tarafından eklenen içeriği, örneğin, medya gömülü WordPress, ‘Like’ Facebook kutusu, ‘Beğen’ veya ‘Tavsiye’ düğmesi, Google+ Profili, Google MapsKompatibel ile birlikte destekler. Site’deki WordPress Embed Gönderisi herhangi bir
WebP Görüntü Desteği
Yavaş yükleme efekti: fadein, spinner, özel arka plan rengi
Tembel yüklemenin etkisini uygulamamak için sınıf adlarına dayalı herhangi bir görüntü veya videoyu hariç tutun
Kullanıcılar tarayıcısında JavaScript’i devre dışı bırakırsa komut dosyası olmadan değiştirme
WordPress teması kodeksini takip eden herhangi bir WordPress temasıyla uyumludur ve ayrıca birçok eklenti
Bu özellikler, kontrol seviyesini eklerken sitelerinin her türlü tarayıcıda yavaşça yüklenmesini sağlamak isteyen çoğu kullanıcı için fazlasıyla yeterli olmalıdır.
Aşağıda bağlı makaleler
Video için tembel yük A3 tembel yük alın
Videolar için Lazy Load, Web sitenize sabitlenmiş Vimeo veya YouTube videolarına tembel yükleme ekleyen bir eklenti olduğunu tahmin etmiş olabilirsiniz. Bu, orijinal görüntünün yavaş yüklenmesini WordPress’e video içerecek şekilde genişletmek için idealdir. Bu eklenti, tıklanabilen statik mini görüntülerle gömülü videoları değiştirerek çalışır. Tam video yüklemesi yalnızca küçük resimleri tıkladıktan sonra başlar. Örneğin, hangi oyuncu özelliklerinin kullanılacağını belirleyerek gömme işlerini yapılandırabilirsiniz. Videolar için tembel yükten gelen diğer harika özellikler, rotasyon öncesi ve tur sonrası reklamlardır. Bu, tüm videoları bir çalma listesine dönüştürmenizi sağlar. Daha sonra, marka görüntüleme ve video reklamları için mükemmel olan her videoya kendi şirket videonuzu, ürün fragmanınızı veya diğer video reklam materyallerinizi otomatik olarak ekleyebilirsiniz. Videolar için tembel yük tamamen ücretsizdir, ancak öyle olsa bile, bu hala size olağanüstü işlevsellik sağlar: Pratin Review Thumbnail’de video başlıklarını görüntüleme seçenekleri
Standart küçük resim boyutu veya kapak arasından seçim yapın
Önizlemeye GDPR Uyumluluk Gizlilik Ayarı Ekle
“Kanallara abone olma” gibi anotasyonu bastırma yeteneği
YouTube Player kontrolünü gizleme seçenekleri ve video oynatma başladığında video başlıkları ve yükleyiciler gibi bilgiler
Metin widget’ına YouTube videolarını yüklemek için tembel
Oynat düğmesinin çeşitli stillerini seçin
YouTube için kırmızı veya beyaz ilerleme çubuğu ve Vimeo oyuncuları için özel renkler
Videonun sonunda ilgili videoları görüntülememe seçenekleri
Özel CSS Hazır
Birçok siteyle uyumlu
Etkileyici bir şekilde, videolar için 10.000’den fazla aktif Lazy Load kurulumu çalışıyor ve 4.5/5.0 yıldız kullanıcı derecesi aldı. Bu, sitenize gömülü birçok videonuz varsa, sayfa hızınızı ücretsiz olarak artırmanın iyi bir yoludur. Yorumlar için tembel yük videoları için tembel yük elde edin, görüntüler ve videolar yavaşlama siteleri açısından en büyük ihlaller olsa da, ziyaretçi yorumları da sorunlara neden olabilir. Bu, özellikle çok aktif bir yorum bölümüne sahip çok popüler bir web siteniz varsa doğrudur. Avatar görüntüleri için Gravatar’ı kullanırken işler daha da kötüleşir, çünkü sayfanızın hızına giderek daha fazla zarar veren birçok harici HTTP isteğine neden olabilir. Yorumlar için tembel yükün ana özellikleri şunları içerir:
Yorumlar yalnızca gerektiğinde yüklenir, bu da sayfa yükleme hızını artırır
HTTP isteklerinin sayısını azaltmak
Gravatar tembel olarak yüklendi
Genesis ve Divi Desteği
Hazır Çeviri
Basit yapılandırma
Geliştiriciler için kanca
Yorumlar için Lazy Load, kullanıcılarla çok onurlu olan 4.8/5.0 yıldız puanı ve WordPress eklentisinden 6.000’den fazla aktif kurulumla tamamen ücretsiz olan eksiksiz bir eklentidir. Bu nedenle, web sitenizde birçok büyük ve hızlı yorum parçanız varsa, bu eklentiyi kullanmayı düşünmenizi şiddetle tavsiye ederiz. Kazara yorumlar için tembel yükler alın aynı geliştirici, tembel sosyal yorumlardan da mevcuttur. Özellikle Facebook yorumları hariç, yorumlar için tembel yüke çok benzer. Bu yazı WordPress üzerindeki tembel yükü etkinleştirmeye odaklansa da, “WordPress’te tembel yüklemeden nasıl kurtulursunuz?” Eklentiniz ve orijinal WordPress’in yavaş yüklenmesi arasında bir çatışma yaşadığınızda. Orijinal Lave Orijinal Yükler, tembel yüklemeyi devre dışı bırakma gibi ücretsiz eklentiler kullanılarak kolayca yapılabilir veya
Bu kodun görüntülerini function.php dosyasına ekleyin.
add_filter (‘WP_LAYSY_LOADING_EDABLE’, ‘__return_false’);
