Cele mai bune pluginuri Lazy Load pentru a vă face site-ul WordPress mai rapid

Încărcarea site-urilor cu o mulțime de imagini poate dura mult timp. Pentru fiecare imagine, aceasta este o altă solicitare HTTP și mai mult timp utilizatorii trebuie să aștepte frustrați în timp ce paginile se încarcă lent.

Deci care este soluția? Încărcare leneșă.

Continuați să citiți sau treceți înainte folosind aceste link-uri:

• Încărcarea nativă lazy a sosit cu WordPress 5.5
• Mai este necesar un plugin?
  • Acces la o interfață
  • Compatibilitate browser
  • Optimizare suplimentară
• Există beneficii pentru încărcarea lenenă nativă?
• Cele mai bune pluginuri Lazy Load
• Mai multe despre Lazy Loading

Încărcarea lenevă poate accelera în mod semnificativ site-urile cu imagini grele și nu durează deloc să fie activată pe site-ul dvs.

Pe scurt, forțează imaginile să se încarce numai atunci când sunt „deasupra pliului” – cu alte cuvinte, se vor încărca doar imaginile care apar în browserul unui utilizator.

Așadar, dacă aveți o pagină care conține 10 teme WordPress proaspete și gratuite pe ecran complet, doar primele imagini din postare se vor încărca, iar celelalte se vor încărca pe măsură ce utilizatorul derulează în jos pe pagină.

Încărcarea nativă lazy a sosit cu WordPress 5.5

Încărcarea leneră este încă o caracteristică relativ nouă pentru WordPress.

Funcționează adăugând atributul „lenes” și setând valoarea la „încărcare” pe imagini, care este apoi procesată de browser la ieșire.

Dacă aveți un plugin de încărcare leneră căruia îi sunteți loial sau treceți prin faze în care nu doriți deloc să fie activată încărcarea leneșă, veți fi bucuroși să auziți că îl puteți dezactiva.

Unele pluginuri fac acest lucru automat, totuși, dacă trebuie să o faceți manual, mergeți pur și simplu la fișierul functions.php și adăugați următoarele:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Aceasta va dezactiva funcția de încărcare leneșă a WordPress, ceea ce înseamnă că veți putea folosi un plugin la alegere fără riscul de conflict.

Este doar o singură linie de cod, dar dacă nu te simți confortabil să-l adaugi, poți descărca acest plugin simplu care o va face pentru tine.

Mai este necesar un plugin?

S-ar putea să vă întrebați dacă să utilizați deloc un plugin acum că WordPress oferă încărcare nativă leneșă.

Citiți mai departe, pentru că există de fapt câteva motive pentru care ați dori să rămâneți cu un plugin:

Acces la o interfață

Un plugin bun de încărcare leneșă, cum ar fi Smush, oferă o interfață cu opțiuni pentru a modifica anumite setări, precum și capacitatea de a activa și dezactiva încărcarea leneșă prin simpla apăsare a unui buton.

Aceste opțiuni pot varia de la tipurile de imagini care vor fi încărcate leneș până la paginile cărora li se aplică încărcarea leneșă. Dacă doriți să modificați setări ca acestea fără un plugin, va trebui să vă adânciți în cod și să adăugați aceste excepții manual.

Compatibilitate browser

Un alt aspect pozitiv este că majoritatea pluginurilor vor funcționa în toate browserele. Safari este unul dintre principalele browsere care nu acceptă atributul de încărcare, prin urmare, dacă aveți un site web cu o mulțime de imagini, puteți vedea utilizatorii din browsere neacceptate renunțând. Acesta este ceva de care nu trebuie să vă faceți griji atunci când utilizați un plugin.

Optimizare suplimentară

Majoritatea pluginurilor oferă mult mai mult decât încărcare leneșă. Introducerea unui plugin de optimizare a imaginii pe site-ul dvs. este probabil una dintre cele mai bune decizii pe care le veți lua vreodată.

Plugin-uri precum Smush vă pot ajuta să respectați recomandările Google privind PageSpeed ​​legate de imagini și să ofere site-ului dvs. un plus de viteză – încărcarea leneșă este doar începutul!

Există beneficii pentru încărcarea lenenă nativă?

La suprafață, poate părea că un plugin va face tot ce poate face încărcarea nativă leneșă și multe altele.

Deși acest lucru este corect din punct de vedere tehnic, diferența majoră este că majoritatea pluginurilor vor implica introducerea unei biblioteci JavaScript, de care va depinde site-ul dvs.

Încărcarea nativă leneșă este mai simplă și mai simplă și nu necesită mult cod suplimentar.

Pluginul nostru de optimizare a imaginii, Smush, oferă de fapt propria versiune de încărcare leneră nativă.

Funcționează pe aceeași bază ca WordPress, dar acceptă toate aceleași formate de imagine pe care le face Smush.

Încărcarea nativă leneșă este probabil ceva care poate fi folosit ca bază pentru alte dezvoltări în viitor, dar cel puțin pentru moment, pluginurile sunt potrivite pentru majoritatea site-urilor.

Dacă preferați ideea unui plugin pentru a vă rezolva nevoile de încărcare leneșă, am creat o colecție de pluginuri de încărcare leneșă gratuite.

• Optimizarea imaginii Smush

  

  Smush este cel mai popular plugin de optimizare a imaginii all-in-one pentru un motiv. Includem tot ce aveți nevoie pentru ca imaginile dvs. să se încarce mai rapid.

  Lazy loading este disponibilă atât pe versiunea gratuită a lui Smush, cât și pe versiunea turbo Smush Pro, care vine complet cu Smush Pro CDN și, spre deosebire de lazy loading nativ, este compatibilă cu toate browserele.

  

  Pentru a activa încărcarea leneșă cu Smush, am simplificat procesul. Tot ce trebuie să faceți este să mergeți la secțiunea Lazy Loading din Smush și să apăsați butonul Activare . Asta e.

  Puteți ajusta în continuare setările odată ce încărcarea leneră este activată, dar nu este necesar. Setările implicite ale Smush și Smush Pro sunt tot ce aveți nevoie pentru a vedea o îmbunătățire majoră a performanței.

• a3 Lazy Load

  

  A3 Lazy load este un plugin popular pentru încărcarea leneră a imaginilor, cadrelor iframe, videoclipurilor și a altor elemente de pe site-ul dvs.

  Are o mulțime de setări, astfel încât să puteți personaliza modul în care doriți să fie încărcate activele de pe site-ul dvs.

  De asemenea, este testat pentru a fi 100% compatibil cu plugin-uri populare precum WooCommerce, Advanced Custom Fields și o varietate de CDN-uri.

• Nebun Leneș

  

  Iată un alt plugin de încărcare ultra lene care funcționează. Nu este necesară o configurație complicată.

  În funcție de tema sau de utilizarea jQuery, Crazy Lazy va utiliza opțional o versiune modificată a pluginului jQuery Unveil.js sau biblioteca nativă JavaScript lazyload.js.

• Lazy Load pentru videoclipuri

  

  Nu toate pluginurile de încărcare leneșă funcționează cu videoclipuri, ceea ce este păcat, deoarece videoclipurile pot adăuga mai mult volum la dimensiunea fișierului paginii dvs. web decât imaginile.

  Lazy Load pentru videoclipuri vă poate ajuta să vă încărcați leneș videoclipurile găzduite pe Vimeo sau YouTube. Încarcă o imagine substituentă și încarcă întregul video și playerul video numai dacă un vizitator face clic pe ea.

  Acest lucru este esențial dacă site-ul dvs. are o mulțime de videoclipuri și alegeți un plugin ușor care nu include încărcare leneșă pentru videoclipuri.

Mai multe despre Lazy Loading

Utilizarea unui plugin este cea mai ușoară modalitate de a adăuga încărcare leneșă pe site-ul dvs., dar nu este singura modalitate. De asemenea, puteți utiliza JavaScript pe site-ul dvs. dacă doriți o soluție mai simplă.

Dacă doriți să aflați mai multe, consultați Cum să amânați imaginile offscreen în WordPress cu încărcare leneră pentru o detaliere completă a modului în care funcționează încărcarea leneșă și cum să recreați tehnica pe site-ul dvs.

Dacă doriți să aflați mai multe despre caracteristica de încărcare leneșă a WordPress, consultați anunțul.

Cel mai simplu mod de a începe cu încărcarea leneșă este cu Smush free sau Smush Pro.

Smush Pro adaugă alte funcții care vă pot ajuta cu alte oportunități Google PageSpeed ​​Insights. Vă poate ajuta să serviți imagini în formate de ultimă generație prin conversia imaginilor în fișiere WebP și a dimensiunilor corecte a imaginilor prin scalarea imaginilor cu Smush Pro CDN. Smush Pro este chiar compatibil cu popularul plugin WP Retina 2x, astfel încât să puteți încărca leneș acele imagini Retina uriașe fără a încetini WordPress.

Încercați Smush Pro gratuit și vedeți cât de mult poate face diferența pentru site-ul dvs.

• imagini