Cum să difuzați imagini în formate de generație următoare (pe WordPress)

Raportul Lighthouse încurajează utilizatorii să difuzeze imagini în formate de nouă generație, cum ar fi WebP și AVIF ^[1] . În comparație cu formatele tradiționale, cum ar fi PNG și JPEG, aceste tipuri de fișiere vă pot ajuta să îmbunătățiți timpul de încărcare pe site-ul dvs. și să oferiți o experiență de utilizator (UX) mai bună. Cu toate acestea, este posibil să nu știți cum să adăugați această funcționalitate pe site-ul dvs.

Vestea bună este că este simplu să difuzați imagini în formate de nouă generație în WordPress. În unele cazuri, este posibil să aveți nevoie doar să vă actualizați versiunea de WordPress. Alternativ, puteți prefera să instalați un plugin de optimizare a imaginii pentru a automatiza procesul.

De ce Lighthouse vă recomandă să serviți imagini în formate de nouă generație

Lighthouse este un instrument automatizat, open-source, oferit de Google. Este conceput pentru a vă ajuta să vă îmbunătățiți calitatea site-ului. Îl puteți folosi pentru a obține informații despre performanța și accesibilitatea fiecărei pagini.

Tot ce trebuie să faceți este să furnizați o adresă URL pentru ca Lighthouse să o auditeze. Apoi veți primi un raport care vă detaliază cât de bine au funcționat paginile dvs. Dacă nu reușiți la oricare dintre evaluări, veți primi și sfaturi despre cum să abordați problemele de bază și să vă îmbunătățiți site-ul.

Cel mai simplu mod de a folosi Lighthouse este să navighezi la PageSpeed ​​Insights. După ce ați rulat site-ul prin Lighthouse, derulați în jos la secțiunea Oportunități . Acolo, veți găsi multe sfaturi utile pentru a vă îmbunătăți performanța paginii. După cum puteți vedea, un lucru pe care Lighthouse vă recomandă este să serviți imagini în formate de nouă generație:

Dacă dați clic pe sugestie, puteți găsi mai multe detalii despre subiect. De exemplu, Lighthouse vă va informa că WebP și AVIF oferă adesea o compresie mai bună decât JPEG și PNG.

Ca rezultat, aceste tipuri de fișiere asigură descărcări mai rapide și un consum mai mic de date. Vom explora în continuare beneficiile formatelor de nouă generație în secțiunea următoare.

O introducere în formatele de nouă generație

În trecut, JPG și PNG au fost formatele tradiționale de fișiere pentru imagini. Cu toate acestea, în 2010, Google ne-a prezentat WebP, în timp ce AVIF a fost înființat în 2019. Împreună, aceste formate de nouă generație urmăresc să mențină imagini de înaltă calitate în timp ce folosesc fișiere de dimensiuni mai mici.

De exemplu, fișierele WebP sunt cu până la 34% mai mici decât formatele tradiționale JPEG, dar vă permit să afișați mai mulți pixeli. Pe de altă parte, AVIF folosește compresia cu pierderi, eliminând datele inutile din fișierul imagine.

Deoarece formatele de imagine de nouă generație tind să aibă fișiere de dimensiuni mai mici, acestea sunt o modalitate excelentă de a oferi timpi de încărcare rapid pe site-ul dvs. Acest lucru este crucial, deoarece paginile lente tind să alunge utilizatorii. Între timp, puteți reduce costurile cu lățimea de bandă, deoarece sunt necesare mai puține resurse de server pentru a afișa fiecare imagine.

În plus, imaginile de ultimă generație vă permit să îmbunătățiți anumite elemente vitale de bază ale web, cum ar fi Largest Contentful Paint (LCP). Acest lucru vă ajută să îmbunătățiți experiența utilizatorului (UX) a site-ului dvs. În plus, deoarece viteza/experiența utilizatorului este un factor de clasare pentru Google, este o modalitate excelentă de a vă îmbunătăți optimizarea pentru motoarele de căutare (SEO) și de a genera mai mult trafic organic.

Este important să rețineți că, în timp ce majoritatea browserelor populare acceptă WebP, AVIF nu este încă acceptat universal. Cu toate acestea, se apropie. La momentul scrierii acestui articol, mai mult de 80% dintre utilizatorii web folosesc browsere compatibile cu AVIF ^[2] , inclusiv Chrome și Opera. Aceasta înseamnă că acum este momentul perfect pentru a începe să utilizați aceste tipuri de imagini pe site-ul dvs.

În plus, dacă utilizați soluția din această postare, instrumentul va servi automat formatul optim în funcție de browserul fiecărui utilizator, astfel încât nu va trebui să vă faceți niciodată griji cu privire la compatibilitate.

Cum să difuzați imagini în formate de nouă generație pe site-ul dvs. WordPress

În cele mai multe cazuri, pentru a începe să utilizați WebP pe site-ul dvs. WordPress, tot ce trebuie să faceți este să vă asigurați că utilizați versiunea WordPress 5.8 sau mai recentă. Dacă nu, vă puteți actualiza software-ul de bază (care este oricum o idee bună pentru performanță și securitate). Acest lucru vă va permite să încărcați imagini WebP așa cum ați proceda în mod normal.

Cu toate acestea, dacă utilizați o versiune anterioară a WordPress și nu doriți să faceți upgrade, puteți utiliza un plugin pentru a difuza imagini în formate de nouă generație. Aceasta este și cea mai simplă modalitate de a activa formatul AVIF pe site-ul dvs., deoarece WordPress nu acceptă în prezent acest tip de imagine în mod implicit.

Pasul 1: Instalați și activați pluginul Optimole

Există o mulțime de pluginuri de optimizare a imaginii din care să alegeți. Dacă aveți deja unul instalat pe site-ul dvs., merită să verificați dacă vă oferă deja opțiunea de a activa formatele de imagine de nouă generație.

Dacă nu, Optimole este o opțiune excelentă. Nu numai că vă permite să serviți imagini în formate de nouă generație, ci comprimă, optimizează și redimensionează automat imaginile dvs. WordPress:

Mai bine, puteți accesa o mulțime de funcții utile (cum ar fi încărcare leneșă) pentru a vă îmbunătăți timpul de livrare a conținutului. Optimole include chiar și propria sa rețea de livrare a conținutului (CDN) pentru a crește și mai mult timpii de încărcare. Toate acestea fac din instrument un pachet all-in-one la îndemână pentru a profita la maximum de imaginile site-ului dvs. web.

Una dintre cele mai bune părți despre Optimole este că este un instrument freemium, ceea ce înseamnă că puteți selecta versiunea care se potrivește nevoilor dvs. Cu pluginul gratuit, puteți difuza imagini pentru 5.000 de utilizatori pe lună. Dacă dețineți un site web destul de mic sau personal, acesta poate fi tot ce aveți nevoie.

Pe de altă parte, dacă rulați un site web cu trafic ridicat, puteți opta pentru un plan premium pentru a găzdui mai mulți vizitatori și pentru a accesa asistență de specialitate. Aceste planuri încep de la 19,08 USD pe lună atunci când sunt facturate anual.

Pentru a începe cu pluginul gratuit, tot ce trebuie să faceți este să mergeți la Plugin-uri > Adăugați nou în tabloul de bord WordPress. Utilizați bara de căutare pentru a găsi „Optimole”, apoi instalați și activați pluginul:

După ce activați pluginul, vi se va solicita să generați cheia API gratuită, care durează doar câteva secunde.

Pasul 2: Activați funcția de conversie AVIF

Odată ce ați activat pluginul Optimole, site-ul dvs. va putea difuza automat imagini în format WebP. Cu alte cuvinte, simpla instalare a pluginului este suficientă pentru a activa tipul de fișier WebP.

Cu toate acestea, va trebui să modificați setările pentru a activa și tipul de imagine AVIF. Din fericire, acest lucru este foarte simplu.

Tot ce trebuie să faceți este să mergeți la Media în tabloul de bord WordPress. Apoi selectați Optimole . După ce ați deschis tabloul de bord Optimole, treceți la fila Setări :

La început, vi se vor prezenta setările generale ale pluginului. Pentru a activa conversia AVIF, selectați Avansat din meniul din stânga și faceți clic pe Comprimare .

Există o mulțime de opțiuni pe care le puteți explora aici. De exemplu, puteți activa conversia GIF în video sau puteți servi CSS și JavaScript prin Optimole. Vă recomandăm să răsfoiți documentația pluginului pentru a vă familiariza cu toate opțiunile disponibile.

Pentru moment, totuși, găsiți opțiunea Activați conversia avif :

Pur și simplu comutați setarea pentru a vă difuza imaginile WordPress în formate AVIF. Asta e tot ce trebuie să faci!

Este important să rețineți că această funcție va funcționa numai cu vizitatorii ale căror browsere acceptă formatele AVIF. Cu toate acestea, vestea bună este că există o soluție de rezervă. Vizitatorii care folosesc browsere care nu acceptă AVIF vor primi în schimb imagini în format WebP. Deci, aproape toți cei care ajung pe site-ul dvs. pot beneficia de aceste formate de nouă generație.

Începeți să difuzați imagini în formate de nouă generație

La rândul său, acest lucru vă poate ajuta să îmbunătățiți performanța site-ului dvs. cu privire la Core Web Vitals și să obțineți un clasament mai bun în căutare. În plus, imaginile tale vor arăta în continuare grozav!

După cum am văzut, este nevoie doar de doi pași simpli pentru a difuza imagini în formate de generație următoare în WordPress:

1. Instalați și activați pluginul Optimole.
2. Activați funcția de conversie AVIF.

Pentru o altă modalitate de a îmbunătăți performanța site-ului dvs. în Lighthouse, puteți consulta ghidul nostru despre cum să reduceți deplasarea cumulativă a aspectului.

Mai aveți întrebări despre cum să difuzați imagini în formate de nouă generație pe WordPress? Spune-ne în comentarii!