Cea mai eficientă metodă de a încorpora videoclipuri în WordPress

Ah, vă amintiți vremurile în care conexiunile dial-up și Edge (2G) erau un lux, iar vizionarea videoclipurilor pe YouTube părea să ne pună la încercare răbdarea?

Dacă nu ai avut internet super rapid, ai face clic pe butonul de redare al videoclipului tău preferat, ai apăsa pe pauză și ai lăsa să se încarce și să se tamponeze. Între timp, te-ai dus să faci o ceașcă de cafea. Când te-ai întors, dacă ai fost suficient de norocos, videoclipul ar fi difuzat fără probleme dintr-o singură mișcare, sau ar putea fi nevoit să suferi de tamponare.

Dar cel mai bun lucru acum este că nu se mai întâmplă, iar conexiunile rapide la internet au devenit noul normal. Datorită tehnologiei 5G, oamenii pot viziona acum fără probleme videoclipuri YouTube chiar și la rezoluție 4K.

Scenariul prezent de utilizare a videoclipurilor pe site

Datorită acestui fapt, chiar și încorporarea videoclipurilor pe site-uri web a devenit atât de predominantă. La urma urmei, videoclipurile oferă o modalitate mai captivantă de a comunica și de a îmbunătăți experiența utilizatorului.

Unii oameni o duc și mai departe utilizând videoclipuri ca fundal întreg al site-ului lor pentru a adăuga un element dinamic și atrăgător din punct de vedere vizual designului site-ului lor.

Deoarece această strategie s-a dovedit a fi mai eficientă în captarea și reținerea atenției vizitatorilor, sa dovedit a fi o practică standard pentru orice persoană să încorporeze videoclipuri în site-urile lor WordPress.

Dar adevărul este că nu toată lumea o face bine. Majoritatea dintre ei nu cunosc modul corect de a încorpora videoclipuri în WordPress și, ca rezultat, ajung să încetinească viteza site-ului lor.

Nu este o afirmație fabricată; preferăm să lăsăm cifrele și rezultatele să spună adevărul.

WordPress cu videoclipuri: test Core Web Vital

Să trecem direct la teste și rezultate, fără să ne târâm sau să ne lăudăm mai departe.

În primul rând, în scopuri de testare, am luat un site web WordPress simplu și de bază, fără videoclipuri și grafică și l-am întors.

Rezultatele au fost următoarele:

• Puteți vedea că scorul a fost de 100% cu un semnal verde și toate valorile arată răspunsuri pozitive atât pentru dispozitive mobile, cât și pentru desktop.

Dar când am adăugat un videoclip YouTube pe pagina de pornire a site-ului WordPress și am rulat din nou testul. Rezultatele au fost surprinzătoare;

• Doar pentru un singur videoclip, scorul a scăzut la 65% și toate celelalte valori au urmat același lucru. Acesta a fost redus drastic cu 35%, tendință care s-ar putea agrava odată cu adăugarea mai multor videoclipuri.

Acum s-ar putea să vă gândiți care este soluția?

De ce ai nevoie pentru a remedia asta?

Abordarea directă la care s-ar putea să vă gândiți este să nu folosiți niciun videoclip de pe site, dar aceasta nu este abordarea potrivită. Videoclipurile au valoarea lor și, de asemenea, îmbunătățesc experiența utilizatorului site-ului. Deci, nu le puteți ignora pur și simplu de dragul de a crește viteza site-ului dvs.

1. Alegeți o platformă de găzduire video reputată

În primul rând, ar fi grozav să găzduiești sau să încarci videoclipuri pe platforma de găzduire video gratuită, cum ar fi YouTube, Vimeo sau Wistia, în loc să-l găzduiești pe serverul tău web. Nu numai că vă va economisi resursele serverului, dar va reduce și sarcina asupra acestuia și nu va afecta viteza serverului.

Aceste platforme de găzduire video sunt bine optimizate pentru livrarea video și pot gestiona lățimea de bandă necesară pentru streaming video.

Notă : În afară de platformele gratuite de găzduire video, dacă doriți să vă creați propriul site web cu tuburi video folosind WordPress, nicio altă platformă privată de găzduire video nu poate învinge platforma de găzduire video dedicată WPOven în ceea ce privește aproape orice.

2. Încorporați videoclipuri YouTube fără cookie-uri

S-ar putea să fii surprins să afli că, în afară de încorporarea standard YouTube, există și o versiune specială disponibilă numită youtube-nocookie.com.

Încorporarea videoclipurilor YouTube din versiunea standard aduce o mulțime de alte elemente nedorite, cum ar fi cookie-uri, scripturi etc., care nu sunt necesare. Prin urmare, pentru a face acest lucru mai eficient, YouTube a introdus versiunea youtube-nocookie.com, care este mai ușoară și nu afectează semnificativ scorul de viteză a paginii.

Iată câteva fapte interesante despre Youtube-nocookie.com

• Este un domeniu alternativ pentru încorporarea videoclipurilor YouTube.
• Acest domeniu este folosit pentru a încorpora videoclipuri fără a seta cookie-uri în scopuri de urmărire.
• Încorporarea obișnuită YouTube (youtube.com) poate seta cookie-uri în browserul spectatorului.
• Domeniul „youtube-nocookie.com” servește playerul de încorporare fără a seta niciun cookie.
• Este util pentru site-urile web care prioritizează confidențialitatea utilizatorilor și urmăresc să minimizeze utilizarea cookie-urilor.
• Utilizarea „youtube-nocookie.com” asigură că videoclipurile încorporate nu contribuie la urmărirea inutilă a vizitatorilor site-ului.

Tot ce aveți nevoie pentru a modifica adresa URL a unui videoclip YouTube, înlocuind „youtube.com” cu „youtube-nocookie.com” și sunteți gata de plecare.

3. Folosiți pluginuri LazyLoad

Încărcarea leneră este una dintre cele mai bune tehnici de optimizare a vitezei site-ului prin simpla amânare a anumitor elemente ale unui site web. Plugin-ul întârzie încărcarea elementelor, cum ar fi imagini sau videoclipuri, până când utilizatorul a derulat la ele sau ajung în vizualizarea lor.

Iată cum se întâmplă:

• Pluginul de încărcare leneră scanează conținutul paginii web la inițializare.
• Monitorizează continuu partea vizibilă a site-ului web pentru utilizator.
• Când elementele marcate pentru încărcare leneră sunt pe cale să intre în fereastra de vizualizare a utilizatorului, pluginul declanșează încărcarea acestora.
• Atunci când utilizatorii intră în fereastra de vizualizare, elementele sunt încărcate dinamic, de multe ori folosind JavaScript, fără a necesita o reîncărcare a întregii pagini.
• Pluginurile de încărcare leneră folosesc JavaScript pentru a încărca dinamic conținutul în pagina web pe măsură ce utilizatorul interacționează cu acesta.
• Pluginurile prioritizează încărcarea în funcție de poziția sau importanța elementului, asigurând o experiență perfectă pentru utilizator, reducând în același timp timpii inițiali de încărcare și utilizarea lățimii de bandă.

Notă: Această abordare are anumite limitări. Pluginul de încărcare leneșă nu funcționează dacă videoclipurile sunt plasate în prima pliare, dar funcționează cel mai bine atunci când videoclipurile sunt vizibile sub prima îndoire.

Citiți: 22 de cele mai bune moduri de a accelera performanța WordPress

4. Tehnica fațadei

Abordarea Facade este una dintre modalitățile inteligente de a implementa tehnica de încărcare leneșă. În această abordare, utilizați inițial un substituent de imagine static în locul videoclipului. Această imagine seamănă de obicei cu miniatura videoclipului cu o suprapunere a butonului de redare.

Când utilizatorul face clic pe suprapunerea butonului de redare, apare o fereastră pop-up, iar videoclipul real începe să se încarce în aceeași fereastră pop-up.

Pentru referință și înțelegere mai bună, iată un exemplu.

Această abordare este destul de eficientă și nu împovărează site-ul dvs. WordPress cu videoclipuri YouTube decât dacă este necesar.

Dacă această abordare lightbox nu vi se potrivește, utilizați un plugin WordPress popular numit „LazyLoad Plugin”. Funcționează cu oEmbed și înlocuiește videoclipurile YouTube și Vimeo încorporate cu o imagine de previzualizare pe care se poate face clic.

rezumat

Acum, să rezumam ceea ce am menționat în postarea de mai sus. Fără îndoială, videoclipurile sunt una dintre cele mai bune și mai interactive modalități de a partaja informații. Cu toate acestea, nimeni nu vrea să plătească acest preț pentru încetinirea site-ului.

Dar, din fericire, există câteva sfaturi și trucuri pe care le-am menționat deja, care pot face minuni pentru site-ul dvs. fără a compromite viteza și performanța site-ului. Deci, urmați aceste sfaturi și creșteți viteza site-ului dvs. pentru a ajunge la un scor de 100. Încercați și câștigați cursa.

Rahul

Rahul Kumar este un pasionat de web și un strateg de conținut specializat în WordPress și găzduire web. Cu ani de experiență și angajamentul de a rămâne la curent cu tendințele din industrie, el creează strategii online eficiente care generează trafic, stimulează implicarea și cresc conversiile. Atenția lui Rahul pentru detalii și capacitatea de a crea conținut convingător îl fac un atu valoros pentru orice brand care dorește să-și îmbunătățească prezența online.