Cum să optimizați imaginile în WordPress?

Imaginile sunt o parte importantă a oricărui site web. Acestea pot fi folosite pentru a crea o stare de spirit, pentru a prezenta produse sau pentru a adăuga interes vizual unei pagini. Dar uneori este posibil să nu aveți cele mai bune imagini pentru site-ul dvs., care să-l facă să arate cel mai bine.

Din fericire, WordPress are câteva funcții încorporate care vor ajuta la optimizarea imaginilor, astfel încât acestea să se încarce mai repede și să ocupe mai puțin spațiu pe site-ul tău, fără a compromite calitatea!

Găsiți imagini neoptimizate în GTmetrix + PSI

Cel mai bun mod de a găsi imagini care necesită optimizare pe site-ul dvs. este utilizarea unui instrument online gratuit, cum ar fi GTmetrix sau PSI. Ambele instrumente accesează cu crawlere fișierele site-ului dvs. și vă oferă un raport ușor de înțeles despre ceea ce trebuie optimizat pentru ca acesta să se încarce mai rapid.

Optimizați imaginile utilizând pluginuri + servicii WordPress

Există, de asemenea, destul de multe plugin-uri de optimizare a imaginii WordPress (atât plătite, cât și gratuite), cum ar fi EWWW Image Optimizer, care funcționează foarte bine la comprimarea imaginilor pentru a se încărca mai rapid pe site-ul dvs.

Există, de asemenea, servicii care vor face acest lucru pentru dvs., cum ar fi TinyPNG și Kraken Image Optimizer, care comprimă imaginile fără a afecta deloc calitatea.

Utilizați dimensiunea corectă a imaginii

Așa cum trebuie să vă redimensionați grafica, videoclipurile și alte media pentru lățimea blogului în editorul WordPress înainte de a-l încărca, trebuie să vă asigurați că și fișierele de imagine sunt redimensionate. Făcând acest lucru, veți asigura că niciuna dintre imaginile dvs. nu va ocupa mai mult spațiu decât ar trebui!

Cache imagini

O altă modalitate de a optimiza imaginile este prin memorarea lor în cache. Acest lucru asigură că site-ul dvs. se va încărca mai repede, chiar dacă mai multe persoane îl vizitează în același timp, deoarece vizitatorii care vin pe o pagină cu imagini în cache nu vor trebui să aștepte descărcarea acelor fișiere înainte de a putea vedea ceva!

Pluginul WP Smush face acest lucru automat odată ce îl instalați și îl activați (și cu siguranță ar trebui să faceți ambele aceste lucruri!). De asemenea, puteți utiliza pluginuri, cum ar fi Autoptimize sau Wp Super Cache, care nu numai că memorează în cache, ci și micșorează codul.

Utilizați LazyLoad pentru a amâna imaginile offscreen

LazyLoad este o funcție mai nouă și mai puțin cunoscută în WordPress, care vă permite să amânați încărcarea imaginilor până când utilizatorul defilează la poziția sa pe site-ul dvs. Când o fac, aceste imagini se vor încărca rapid, deoarece nu au fost încărcate când pagina a fost preluată pentru prima dată!

Utilizați compresia imaginii

Puteți utiliza două tipuri diferite de compresie a imaginii: LZW sau JPEG. Diferența dintre ele ține mai mult de tipul de fișier grafic în care se intră decât de orice altceva, așa că alegeți oricare dintre ele are sens pentru situația dvs.!

Modul în care funcționează este prin reducerea numărului de culori utilizate într-o imagine, ceea ce înseamnă că mai puține date trebuie transferate de la partea serverului la partea clientului în timpul navigării. Acest lucru reduce utilizarea lățimii de bandă, precum și timpul de încărcare.

Comprimarea imaginilor este o parte imperativă a oricărui site, iar WordPress are o serie de pluginuri de compresie care vor face mai ușoară crearea de site-uri cu imagini de înaltă calitate, fără a compromite performanța!

Serviți imagini în formate de nouă generație

Este important să realizați că există multe formate de imagine diferite și nu toate vor funcționa bine pentru site-ul dvs. Dacă doriți să îmbunătățiți performanța pe orice site web, este necesar să utilizați formate de nouă generație, cum ar fi WebP sau JPEG XR, care au de obicei o compresie mai bună decât alte tipuri.

Specificați dimensiunile imaginii

Specificând dimensiunile imaginilor, îi spui lui WordPress cât spațiu să folosești atunci când le plasezi pe site-ul tău. Acest lucru este important deoarece reduce presiunea asupra lățimii de bandă, ceea ce înseamnă un timp mai rapid de încărcare a paginii!

Serviți imagini de pe un CDN

Un CDN este o modalitate rapidă și eficientă de a difuza imaginile site-ului dvs. de pe servere care sunt mai apropiate din punct de vedere geografic. Acest lucru reduce latența, ceea ce înseamnă timpi de încărcare mai rapidi pentru utilizatori!

Combinați imagini folosind sprite-uri CSS

Sprite-urile CSS sunt un tip de imagine care combină de fapt toate imaginile mai mici într-un singur fișier mare. Acest lucru este util deoarece reduce numărul de solicitări de fișiere, ceea ce înseamnă un timp de încărcare mai rapid – mai ales pe dispozitivele mobile! Puteți utiliza un generator de sprite CSS pentru a crea unul și apoi îl puteți adăuga la tema dvs. cu CSS.

Utilizați imagini adaptive pentru mobil

Imaginile adaptive sunt o modalitate excelentă de a difuza imagini de diferite dimensiuni pentru utilizatorii de pe diferite dispozitive. Acest lucru reduce utilizarea lățimii de bandă și timpii de încărcare! Puteți face acest lucru cu un plugin WordPress, dar există și multe alte modalități de a face acest lucru gratuit pe cont propriu.

Dezactivați legătura directă imagini

Când conectați o imagine, practic ceea ce faceți este să conectați fișierul original de pe serverul altcuiva. Dezactivarea acestei opțiuni împiedică oamenii să vă fure lățimea de bandă, așa că este ceva ce veți dori să faceți.

Puteți face acest lucru cu multe plugin-uri WordPress, cum ar fi WP Rocket. De obicei, puteți cere și gazdei dvs. să facă acest lucru pentru dvs. (dacă sunteți cu o gazdă bună).

Eliminați datele EXIF

Datele EXIF ​​sunt informații ascunse pe care nu le puteți vedea în editorul dvs. WordPress, dar pot fi văzute de alții. Conține informații precum marca și modelul unei camere, precum și setările sale de dată și oră. Eliminarea acestui lucru va reduce utilizarea lățimii de bandă!

Acest proces implică utilizarea unui instrument de curățare a imaginilor, cum ar fi JPEGsnoop sau jhead, care vă permite să eliminați toate datele EXIF ​​din imaginile de pe site - fără a fi nevoie să le descărcați mai întâi!

Distribuiți imagini de calitate inferioară utilizatorilor cu conexiuni lente

Acesta este ceva ce puteți face cu imaginile dvs., dar nu toate temele vor avea opțiunea de a ascunde acest lucru. Practic, ceea ce face este să ofere imagini de calitate inferioară persoanelor cu conexiuni lente (mobile sau de altă natură). Puteți face acest lucru cu pluginul Optimole.

De ce este important să folosiți imagini optimizate?

Imaginile pot reprezenta o parte importantă a performanței site-ului dvs., așa că este important să le optimizați! Acest lucru va asigura că imaginile se încarcă cât mai rapid și eficient posibil.

Cu cât site-ul dvs. se încarcă mai repede, cu atât este mai bine atât pentru utilizatori, cât și pentru motoarele de căutare! Timpul de încărcare a primit recent mai multă pondere în clasamentele Google (dar doar puțin), dar chiar dacă acest lucru nu ar fi adevărat, ați dori totuși să vă asigurați că totul se încarcă cât mai repede posibil.

Oamenii urăsc să aștepte pe site-uri, în special utilizatorii de dispozitive mobile – ceea ce face ca optimizarea imaginilor să fie o parte esențială a oricărui site WordPress. De asemenea, ajută la SEO, deoarece Google îi plac și site-urile web care se încarcă rapid (din motive întemeiate).

Concluzie

În concluzie, imaginile sunt o parte importantă a oricărui site web. Acestea pot fi folosite pentru a crea o stare de spirit, pentru a prezenta produse sau pentru a adăuga interes vizual unei pagini.

Cu toate acestea, uneori este posibil ca imaginile originale să nu fie suficient de bine optimizate și să ocupe mai mult spațiu decât este necesar. WordPress are o serie de funcții pentru a optimiza aceste fișiere, astfel încât să se încarce mai repede, fără a compromite calitatea! Cel mai bun mod este prin instalarea unui plugin de compresie a imaginii, cum ar fi LazyLoad sau PSI, care va comprima și redimensiona automat imaginile pentru dvs., dacă este necesar. De asemenea, puteți optimiza imaginile prin specificarea dimensiunilor lor, folosind sprite-uri CSS, folosind cache-ul de imagini și