Lazy Load Video pe WordPress

Trebuie să încărcați leneș videoclipul pe WordPress?

Media este o strategie atât de puternică pentru a vă face conținutul interesant.

Lucruri precum imaginile și videoclipurile pot aduce cu adevărat viață ceea ce ai de spus pe site-ul tău web.

Singurul dezavantaj este că fișierele media sunt mari și durează mai mult pentru încărcare decât textul.

Dacă utilizați WordPress de ceva vreme și ați pus accent pe optimizarea vitezei și pe asigurarea faptului că toate paginile dvs. web se încarcă cât mai repede posibil, probabil că ați auzit de încărcare leneșă.

Ce naiba este Lazy Loading?

Încărcarea lenevă este procesul de întârziere a încărcării efective a conținutului până când acesta devine vizibil în fereastra de vizualizare a vizitatorului. Vizualizarea este zona din browser pe care vizitatorul o vede în timp ce derulează prin pagina dvs. web.

Există multe pluginuri WordPress disponibile care vă permit să încărcați Leneș imaginile în fiecare pagină a site-ului dvs. Aceasta înseamnă că, dacă aveți imagini care sunt mai jos pe o pagină web, acestea nu se vor încărca complet până când vizitatorul intră în contact cu acea zonă a paginii.

Acest proces este extrem de puternic pentru a accelera timpul de încărcare a unei adrese URL pe site-ul dvs.

Există doi factori principali atunci când o pagină web se încarcă în raport cu timpul efectiv necesar. Acesta este timpul de încărcare și timpul de încărcare completă.

Vă rugăm să vedeți explicația de mai jos despre care este diferența dintre fiecare.

Ce este timpul de încărcare?

Onload Time calculează viteza când procesarea paginii este completă și toate resursele de pe pagina respectivă, cum ar fi imaginile, CSS și alte funcționalități s-au terminat de descărcat.

Odată finalizată, pagina va declanșa window.onload pentru a finaliza rezultatele vitezei. Timpul de încărcare este o reprezentare adevărată a cât de repede se va încărca corect site-ul dvs.

Cu toate acestea, un defect major găsit în timpul de încărcare este că este posibil ca unele elemente ale încărcării paginii să nu ajungă la timp înainte ca evenimentul de declanșare să fie declanșat, cum ar fi fișierele Javascript, caruselele de imagini sau funcționalitatea/conținutul este setat la o întârziere, astfel încât încărcături într-o anumită ordine.

Aceste variabile vor cauza timpi de încărcare a paginilor inconsecvenți și pot chiar raporta în mod fals site-ul dvs. ca fiind mai rapid/mai lent decât este în realitate.

Ce este timpul complet încărcat?

Luând ceea ce am învățat despre „Timp de încărcare, „Timp de încărcare complet” adoptă exact același proces pentru a înregistra viteza paginii, dar va adăuga încă două secunde după declanșarea declanșatorului „Încărcare” pentru a se asigura că nu mai există activitate în rețea. Raționamentul din spatele acestui lucru este de a asigura mai consecvență cu testele.

O posibilă problemă cu testarea Fully Loaded Time este că acest eveniment se declanșează numai atunci când o pagină oprește complet încărcarea conținutului, inclusiv reclame și alte funcționalități.

Așadar, dacă site-ul dvs. s-a încărcat înainte de punctul de limită și încă poate fi utilizat, instrumentul de testare va aștepta în continuare ca întregul site să oprească încărcarea datelor, ceea ce din nou ar putea duce la rezultate inconsecvente ale testării vitezei.

Aveți controlul total asupra timpului de încărcare?

Mai jos este o grafică simplă și drăguță pentru a ilustra lucrurile de care trebuie să țineți cont atunci când un site web este vizitat și toate piesele care se adună pentru a decide cât de repede se încarcă.

După cum puteți vedea din această imagine de mai sus, există unele lucruri care sunt în afara controlului dumneavoastră. De exemplu, viteza furnizorului de servicii de internet a persoanei care vă vizitează site-ul web este complet în afara controlului dumneavoastră.

Dacă doriți să obțineți cât mai multă viteză posibil din site-ul dvs. WordPress, trebuie să vă concentrați asupra lucrurilor asupra cărora aveți control.

Optimizarea vitezei WordPress Lucruri asupra cărora aveți control

1. Mediu de gazduire
2. Actualizări software
3. Tema activă
4. Pluginuri active
5. Optimizarea Continutului

Să revenim la Lazy Load Video pe WordPress

Deci, în lista de mai sus privind optimizarea vitezei WordPress, lucrurile pe care le aveți control asupra ultimului element din listă sunt optimizarea conținutului.

Aceasta înseamnă să vă asigurați că tot conținutul de pe site-ul dvs. web a fost optimizat pentru a se încărca cât mai repede posibil, fără a modifica nicio funcționalitate sau afișare a conținutului.

Să ne uităm la asta în detaliu și să ne permiteți să vă arătăm diferența de viteză față de un videoclip care a fost încorporat în mod tradițional, așa cum o fac majoritatea oamenilor pe site-ul lor, și un videoclip care a fost configurat pentru încărcare leneșă.

Experimentul începe aici

Am continuat și am creat o instalare WordPress implicită și în cadrul acesteia pentru a separa pagini.

O pagină are un videoclip YouTube încorporat, care a fost încorporat folosind opțiunea nativă de încorporare a nucleului WordPress prin simpla plasare a linkului către videoclipul YouTube în editorul Gutenberg. Aceasta generează videoclipul YouTube încorporat în pagină.

A doua pagină este același videoclip, dar a configurat încărcare prea leneșă, ceea ce înseamnă că codul video real nu va începe să ruleze până când vizitatorul apasă butonul de redare.

Aruncă o privire mai jos la diferențele uluitoare dintre cele două procese de afișare a unui videoclip în conținutul tău WordPress.

Exemplu de pagină video încorporată

Imaginea de mai jos este testul de vizualizare a vitezei realizat la GTmetrix al paginii care avea încorporarea tradițională a videoclipului YouTube.

Vă rugăm să acordați o atenție deosebită timpului de încărcare și timpului de încărcare completă de mai jos.

Imaginea de mai jos este o listă a proceselor care au avut loc în timpul încărcării acestei pagini. Vă rugăm să luați în considerare numărul total de solicitări.

Exemplu de pagină video Lazy Load

Imaginea de mai jos este testul de vizualizare a vitezei efectuat la GTmetrix al paginii care a avut videoclipul încorporat cu încărcare leneșă.

Vă rugăm să acordați o atenție deosebită timpului de încărcare și timpului de încărcare completă de mai jos. Aceasta este mai puțin de 1 secundă pentru timpul de încărcare și comparație cu cea de peste 1 pentru videoclipul încorporat în mod tradițional.

Timpul de încărcare completă este, de asemenea, mai mic de 1 secundă în comparație cu timpul de încărcare complet de peste 3 secunde a videoclipului încorporat în mod tradițional.

Puteți vedea în cascada testului de viteză de mai jos că sunt apelate cu 21 de solicitări mai puțin atunci când pagina se încarcă, deoarece am încărcat leneș videoclipul încorporat.

Unul dintre cele mai bune lucruri pe care le puteți face pentru a accelera orice pagină web este reducerea cererii. Cu cât o pagină are nevoie de mai multe solicitări pentru a se încărca înseamnă că va dura mai mult.

Scripturile și stilurile necesare pentru a încărca playerul video vor avea loc, dar nu până când vizitatorul apasă butonul de redare de pe videoclip.

Acest lucru este extrem de puternic deoarece imaginați-vă că dacă un vizitator vine pe pagina dvs. și nici măcar nu redă videoclipul, înseamnă că încărcați resurse care nu vor fi niciodată folosite de vizitator.

Acum știi că Lazy Load Video pe WordPress este bun... CE URMĂTOREAZĂ?

Am explicat deja mai devreme că există multe plugin-uri WordPress care vă permit să încărcați leneș imaginile de pe site-ul dvs., dar nu există multe plugin-uri care vă permit să faceți acest lucru pentru videoclipuri.

Singurele plugin-uri GRATUITE actuale axate pe videoclipuri cu încărcare leneră de pe site-ul dvs. WordPress sunt pluginul Lazy Load pentru videoclipuri și a3 Lazy Load despre care puteți afla mai multe făcând clic pe imaginile de mai jos.

Există câteva pluginuri suplimentare de optimizare a vitezei care includ această funcționalitate care vă va permite să încărcați leneș videoclipuri YouTube sau iFrame. Vedeți mai jos numele acestor pluginuri.

1. Swift Performance Pro
2. WP Rocket

Pluginurile nu fac leneș să încarce videoclipul pe WordPress

În cele mai multe cazuri, veți putea folosi unul dintre aceste pluginuri menționate mai sus pentru a încărca leneș videoclipul pe WordPress. Există totuși situații în care ceea ce încercați să încărcați leneș nu este compatibil cu funcțiile oferite de aceste plugin-uri.

Aceste pluginuri WordPress de încărcare leneșă pentru videoclipuri se integrează adesea doar cu YouTube și Vimeo. Există multe alte soluții de găzduire video pe care le puteți utiliza.

Aici avem o soluție alternativă care vă va permite să luați orice fragment de cod iFrame și să îl transformați într-o capodopera de încărcare leneșă pe site-ul dvs.

Instrument GRATUIT SUPER COOL pentru a încărca video leneș pe WordPress

Există un instrument online super cool, ușor și gratuit de utilizat, în care puteți lua orice adresă URL activată pentru iFrame și puteți configura un fragment de cod care se va încărca leneș.

Această taxă se numește IFRAMELY și poate fi folosit gratuit la https://iframely.com/embed

Imaginea de mai jos este o captură de ecran a instrumentului de încorporare a IFRAMELY, care vă va ajuta să generați codul de încorporare necesar pentru a fi plasat pe site-ul dvs. și a videoclipului de încărcare leneșă pe WordPress.

Tocmai încheind

Sperăm că această postare a fost utilă și te-a ajutat să înțelegi creșterea vitezei care poate fi obținută pe site-ul tău WordPress atunci când decizi să încarci leneș orice videoclipuri pe care le folosești în conținutul tău.

Dacă aveți întrebări despre ceea ce s-a discutat aici, nu ezitați să comentați mai jos.