WordPress'te Tembel Yükleme Videosu

WordPress'te Lazy Load Video'ya mı ihtiyacınız var?

Medya, içeriğinizi heyecanlandırmak için çok etkili bir stratejidir.

Görüntüler ve videolar gibi şeyler, web sitenizde söyleyeceklerinizi gerçekten hayata geçirebilir.

Bunun tek dezavantajı, medya dosyalarının büyük olması ve yüklenmesinin metinden daha uzun sürmesidir.

WordPress'i bir süredir kullanıyorsanız ve hız optimizasyonuna ve tüm web sayfalarınızın mümkün olduğunca hızlı yüklenmesine önem verdiyseniz, muhtemelen tembel yüklemeyi duymuşsunuzdur.

Lazy Loading nedir?

Tembel yükleme, içeriğin asıl yüklenmesini, ziyaretçinin görünümünde görünene kadar geciktirme işlemidir. Görünüm alanı, ziyaretçinin web sayfanızda gezinirken görüntülediği tarayıcıdaki alandır.

Web sitenizin her sayfasındaki görüntüleri Tembel yüklemenize izin veren birçok WordPress eklentisi vardır. Bu, bir web sayfasında daha aşağıda bulunan resimleriniz varsa, ziyaretçi sayfanın o alanıyla temasa geçene kadar bunların tam olarak yüklenmeyeceği anlamına gelir.

Bu işlem, web sitenizdeki bir URL'nin Onload süresini hızlandırmada son derece güçlüdür.

Bir web sayfasının yüklenirken aldığı gerçek süreye göre iki ana faktör vardır. Bu, Onload zamanı ve tam dolu zamanıdır.

Lütfen her biri arasındaki farkın aşağıdaki açıklamaya bakın.

Yükleme Süresi nedir?

Onload Time, sayfanın işlenmesi tamamlandığında ve söz konusu sayfadaki resimler, CSS ve diğer işlevler gibi tüm kaynakların indirilmesi bittiğinde hızı hesaplar.

Tamamlandığında, sayfa hız sonuçlarını tamamlamak için window.onload'ı tetikleyecektir. Onload Time, web sitenizin ne kadar hızlı yükleneceğinin gerçek bir temsilidir.

Bununla birlikte, Onload Time'da bulunan önemli bir kusur, Javascript dosyaları, görüntü karuselleri veya işlevsellik/içerik bir zaman gecikmesine ayarlanmış gibi, sayfa yüklemesinin bazı öğelerinin tetikleyici olay tetiklenmeden önce zamanında yapamayabilmesidir. belirli bir sırayla yükler.

Bu değişkenler, tutarsız sayfa yükleme sürelerine neden olur ve hatta web sitenizi gerçekte olduğundan daha hızlı/yavaş olarak bildirebilir.

Tam Yükleme Süresi nedir?

'Açma Süresi' hakkında öğrendiklerimizi alarak, 'Tam Yükleme Süresi' sayfa hızını kaydetmek için tam olarak aynı süreci benimser, ancak başka ağ etkinliği olmadığından emin olmak için 'Onload' tetikleyicisinin tetiklenmesinden sonra iki saniye daha ekler. Bunun arkasındaki mantık, testlerle daha tutarlı olmasını sağlamaktır.

Tam Yükleme Süresi testiyle ilgili olası bir sorun, bu olayın yalnızca bir sayfa, reklamlar ve diğer işlevler dahil olmak üzere içeriği yüklemeyi tamamen durdurduğunda tetiklenmesidir.

Bu nedenle, web siteniz kesme noktasından önce yüklendiyse ve hala kullanılabilir durumdaysa, test aracı yine de tüm sitenin veri yüklemeyi durdurmasını bekleyecek ve bu da yine tutarsız hız testi sonuçlarına yol açabilir.

Yükleme Sürenizin Kontrolü Tamamen Sizde Misiniz?

Aşağıda, bir web sitesi ziyaret edildiğinde hesaba katmanız gerekenleri ve ne kadar hızlı yükleneceğine karar vermek için bir araya gelen tüm parçaları gösteren güzel ve basit bir grafik bulunmaktadır.

Yukarıdaki resimden de görebileceğiniz gibi, kontrolünüz dışında olan bazı şeyler var. Örneğin web sitenizi ziyaret eden kişinin internet servis sağlayıcı hızı tamamen sizin kontrolünüz dışındadır.

WordPress web sitenizden mümkün olduğunca fazla hız elde etmek istiyorsanız, kontrolünüz altında olan şeylere odaklanmanız gerekir.

WordPress Hız Optimizasyonu Kontrolünüze Sahip Olan Şeyler

1. Barındırma Ortamı
2. Yazılım güncellemeleri
3. Aktif Tema
4. Aktif Eklentiler
5. İçeriğin Optimizasyonu

WordPress'te Tembel Yükleme Videosuna Geri Dönelim

Bu nedenle, WordPress hız optimizasyonunda yukarıdaki listede, listedeki son öğe üzerinde kontrolünüz olan şeyler, içeriğin optimizasyonudur.

Bu, web sitenizdeki tüm içeriğin, içeriğin herhangi bir işlevini veya görüntüsünü değiştirmeden mümkün olduğunca hızlı yüklenecek şekilde optimize edilmesini sağlamak anlamına gelir.

Buna ayrıntılı olarak bakalım ve çoğu insanın web sitesinde yaptığı gibi geleneksel olarak gömülü bir video ile yavaş yüklenecek şekilde ayarlanmış bir video arasındaki hız farkını size göstermemize izin verin.

Deney Burada Başlıyor

Devam ettik ve varsayılan bir WordPress kurulumu oluşturduk ve bunun içinde sayfaları ayırmak için.

Bir sayfada, yalnızca YouTube videosunun bağlantısını Gutenberg düzenleyicisine yerleştirerek yerel WordPress çekirdek yerleştirme seçeneği kullanılarak gömülü bir YouTube videosu bulunur. Bu, sayfada gömülü YouTube videosunu oluşturur.

İkinci sayfa aynı videodur, ancak çok tembel yük ayarlanmıştır; bu, gerçek video kodunun devreye girmeyeceği ve ziyaretçi oynat düğmesine basana kadar çalışmaya başlamayacağı anlamına gelir.

WordPress içeriğinizde bir video görüntülemenin iki süreci arasındaki şaşırtıcı farklılıklara aşağıda bir göz atın.

Gömülü Video Sayfası Örneği

Aşağıdaki görüntü, geleneksel YouTube videosunun gömülü olduğu sayfanın GTmetrix'te alınan hız görselleştirme testidir.

Lütfen aşağıdaki yükleme süresine ve tam yükleme süresine çok dikkat edin.

Aşağıdaki resim, bu sayfanın yüklenmesi sırasında gerçekleşen işlemlerin bir listesidir. Lütfen toplam talep miktarına dikkat edin.

Tembel Yükleme Video Sayfası Örneği

Aşağıdaki görüntü, tembel yük gömülü videoya sahip sayfanın GTmetrix'te alınan hız görselleştirme testidir.

Lütfen aşağıdaki yükleme süresine ve tam yükleme süresine çok dikkat edin. Bu, yükleme süresi için 1 saniyeden azdır ve geleneksel olarak gömülü video için birden fazla 1 ile karşılaştırılır.

Geleneksel olarak gömülü videonun 3 saniyeden fazla tam yükleme süresiyle karşılaştırıldığında, tam yükleme süresi de 1 saniyeden azdır.

Aşağıdaki hız testi şelalesinde, video yerleştirmeyi tembelce yüklediğimiz için sayfa yüklenirken çağrılan 21 istek daha az olduğunu görebilirsiniz.

Herhangi bir web sayfasını hızlandırmak için yapabileceğiniz en iyi şeylerden biri, isteği azaltmaktır. Bir sayfanın yüklenmesi için ne kadar çok istek gerekiyorsa, o kadar uzun süreceği anlamına gelir.

Video oynatıcıyı yüklemek için gereken komut dosyaları ve stiller, ziyaretçi videodaki oynat düğmesine basana kadar gerçekleşmeye devam edecek.

Bu son derece güçlüdür, çünkü bir ziyaretçinin sayfanıza geldiğini ve videoyu hiç oynatmadığını hayal edin, bu, ziyaretçi tarafından asla kullanılmayacak kaynakları yüklediğiniz anlamına gelir.

Artık WordPress'te Tembel Yükleme Videosunun İyi Olduğunu Biliyorsunuz… SONRA NE OLACAK?

Web sitenize görüntüleri tembelce yüklemenize izin veren birçok WordPress eklentisi olduğunu daha önce açıklamıştık, ancak bunu videolar için yapmanıza izin veren çok fazla eklenti yok.

WordPress web sitenize tembel yükleme videolarına odaklanan tek gerçek ÜCRETSİZ eklentiler, Lazy Load for Videos eklentisi ve aşağıdaki resimlere tıklayarak hakkında daha fazla bilgi edinebileceğiniz a3 Lazy Load'dur.

YouTube videolarını veya iFrame'leri tembelce yüklemenize izin verecek bu işlevi içeren bazı ek hız optimizasyon eklentileri vardır. Aşağıda bu eklentilerin adlarına bakın.

1. Swift Performans Profesyoneli
2. WP Roketi

Eklentiler WordPress'te Videoyu Tembel Yüklemez

Çoğu durumda, WordPress'e tembel video yüklemek için yukarıda belirtilen bu eklentilerden birini kullanabileceksiniz. Ancak, tembel yüklemeye çalıştığınız şeyin bu eklentilerin sunduğu işlevlerle uyumlu olmadığı durumlar vardır.

Videolar için bu tembel yük WordPress eklentileri genellikle yalnızca YouTube ve Vimeo ile entegre olur. Kullanıyor olabileceğiniz başka birçok video barındırma çözümü var.

İşte burada, herhangi bir iFrame kod parçacığını alıp web sitenizde tembelce yüklenen bir başyapıt haline getirmenize olanak sağlayacak alternatif bir çözümümüz var.

WordPress'te Videoyu Tembel Yüklemek için SÜPER SERİN ÜCRETSİZ Araç

Herhangi bir iFrame etkin URL'yi alabileceğiniz ve tembel yüklenecek bir kod parçacığı oluşturabileceğiniz, süper harika, kolay ve kullanımı ücretsiz bir çevrimiçi araç var.

Bu geçiş ücreti IFRAMELY olarak adlandırılır ve https://iframely.com/embed adresinde ücretsiz olarak kullanılabilir.

Aşağıdaki resim, web sitenize yerleştirmek için gereken yerleştirme kodunu ve WordPress'te tembel yükleme videosunu oluşturmanıza yardımcı olacak bir IFRAMELY yerleştirme aracının ekran görüntüsüdür.

Sadece Sarma

Bu yayının yararlı olduğunu ve içeriğinizde kullandığınız videoları tembelce yüklemeye karar verdiğinizde WordPress web sitenizde elde edilebilecek hız artışını anlamanıza yardımcı olduğunu umuyoruz.

Burada tartışılanlarla ilgili herhangi bir sorunuz varsa, lütfen aşağıya yorum yapmaktan çekinmeyin.