ShortPixel Review: Cum să vă optimizați performanța site-ului web prin compresia imaginilor

Din 2014, peste jumătate de milion de utilizatori au încercat deja optimizarea excelentă a imaginii ShortPixel. Prevăzând cât de importantă ar fi optimizarea vitezei web în viitor, compania din România a lansat ShortPixel Adaptive Images, un plugin extrem de ușor de utilizat care rezolvă toate avertismentele legate de imaginile pe care GTmetrix sau Google PageSpeed ​​Insights le raportează în câteva clicuri. Acest lucru îmbunătățește SEO-ul și viteza de încărcare a site-ului dvs. web.

Dar cum face pluginul toate acestea? Să aflăm în această revizuire detaliată a Shortpixel Adaptive Images ( SPAI pe scurt).

Ce fac imaginile adaptive ShortPixel?

Iată cele 4 lucruri majore pe care le face ShortPixel:

• Acesta servește imaginile dintr-un CDN : ShortPixel Adaptive Images preia toate imaginile vizualizate de vizitatorii unui site web și le servește din CDN-ul ShortPixel. Ce este un CDN? Este o rețea de distribuție a conținutului. În cuvinte simple, este un grup de servere distribuite în întreaga lume care conține copii ale unui anumit site web. Astfel, orice utilizator va avea timpi de încărcare buni, indiferent de țara sau zona în care se află. Încărcând imaginile din CDN-ul ShortPixel, ceea ce faceți este să măriți viteza de încărcare a paginii (deoarece cel mai probabil CDN se încarcă mai repede decât furnizorul mediu de găzduire, pe lângă faptul că are servere peste tot în lume) și salvează unele resurse de pe server, deoarece imaginile nu vor fi solicitate de acolo, ci de pe CDN-ul ShortPixel.
• Acesta comprimă imaginile : imaginile servite din ShortPixel CDN sunt optimizate utilizând puternicul algoritm de optimizare al ShortPixel, care oferă 3 niveluri de optimizare, Lossy, Glossy și Lossless. Mai multe despre asta mai târziu.
• Acesta servește imagini adaptive : de aici provine numele pluginului. Spuneți că încărcați o imagine și o adăugați pe o pagină în versiunea sa de dimensiuni complete. Utilizatorul care vizitează pagina de pe un smartphone nu va trebui să vadă imaginea în aceeași dimensiune ca un utilizator care folosește un laptop. Pluginul se ocupă de asta, servind imaginile în dimensiunea exactă pe care dispozitivul o solicită. Ați folosit vreodată GTmetrix și ați primit eroarea „Dimensiuni corespunzătoare”? Se plânge tocmai de acest lucru. ShortPixel Adaptive Images scapă de acel mesaj în câteva clicuri!

• Rezolvă toate problemele legate de imagine de care aveți nevoie : pe lângă comprimarea imaginilor și servirea lor la dimensiunea corectă, imaginile pot fi îmbunătățite în continuare în multe moduri. ShortPixel Adaptive Images se ocupă și de asta și, cu câteva clicuri, puteți face următoarele:
  • Eliminați informațiile EXIF
  • Serviți imagini în format WebP
  • Imagini încărcate leneș
  • Decupați inteligent imaginile
  • Excludeți imagini din încărcarea leneșă (utilă pentru a preîncărca o imagine)

Cum funcționează imaginile adaptive ShortPixel?

Așa cum am explicat, de fiecare dată când una dintre paginile unui site web este vizitată, ShortPixel Adaptive Images (SPAI) își analizează codul și înlocuiește fiecare imagine originală neoptimizată cu imaginea de dimensiuni și optimizate. Fiecare imagine înlocuită este difuzată din ShortPixel CDN.

SPAI nu atinge niciunul dintre fișierele de pe server; SPAI optimizează imaginile din mers , ceea ce înseamnă că, dacă doriți să reveniți la imaginile originale, le puteți dezactiva pur și simplu. Acesta este procesul detaliat, complet transparent pentru toți utilizatorii:

1. Un utilizator vizitează o pagină care conține imagini.

2. În timp ce pagina se încarcă, SPAI caută orice adresă URL de imagine pe cod, de exemplu:

3. După detectarea unei adrese URL a imaginii, aceasta trimite această imagine către serverele ShortPixel, care o optimizează și o stochează pe CDN-ul ShortPixel. Acest pas se face numai pentru prima dată când este solicitată o anumită dimensiune a imaginii.

4. Apoi, SPAI înlocuiește adresa URL cu una nouă, care indică CDN care conține imaginea optimizată și dimensionată corect:

5. Se termină încărcarea paginii, iar imaginile au fost difuzate de pe CDN-ul rapid al ShortPixel!

Instalarea și configurarea imaginilor adaptive ShortPixel

Instalare

Acesta este cel mai simplu pas, este instalat ca orice alt plugin. Aceasta este pagina pe care trebuie să o căutați: ShortPixel Adaptive Images - WordPress.org

Configurarea acestuia

Expertul de la bord

Dacă este prima dată când utilizați imagini adaptive ShortPixel, acum veți fi redirecționat către Expertul de integrare:

Acest expert în 4 pași vă va ajuta să configurați corect SPAI, astfel încât toate imaginile să fie servite din CDN optimizat.

Dacă, de exemplu, utilizați deja SPAI și ați actualizat la noua versiune, puteți reporni expertul accesând Setări> ShortPixel AI și făcând clic pe butonul „Setup Wizard” situat în partea dreaptă sus a meniului Ajutor:

Rețineți că ShortPixel Adaptive Images nu necesită o cheie API pentru a începe să funcționeze (spre deosebire de ShortPixel Image Optimizer). Trebuie doar să vă asociați site-ul / domeniul cu contul dvs., astfel încât creditele dvs. ShortPixel să fie utilizate, iar acest lucru va fi realizat automat de către Expertul de integrare.

După ce finalizați Expertul de integrare, asigurați-vă că ștergeți memoria cache a site-ului dvs., astfel încât imaginile optimizate să apară!

Setări

ShortPixel Adaptive Images este foarte ușor de utilizat, deoarece începe să-și facă magia chiar după activare și configurare cu ajutorul Expertului de bord; nu este nevoie să faceți clic pe butonul ON sau similar. Totuși, SPAI oferă și câteva setări pentru a regla optimizarea imaginii. Pentru a accesa, conectați-vă la zona de administrare WordPress și accesați Setări> ShortPixel AI. Vom trece peste cele mai importante setări, așa că începem cu fila Compresie .

• Nivel de compresie : aici putem alege ce nivel de compresie dorim să aibă imaginile noastre.
  • Lossy este cea mai bună opțiune pentru majoritatea utilizatorilor. Imaginile procesate cu algoritmii Lossy sunt cele mai mici imagini optimizate pe care le puteți obține. Deci, dacă viteza site-ului dvs. este primordială și doriți cel mai bun echilibru între optimizare și calitate a imaginii, vă recomandăm să utilizați optimizarea Lossy.
  • Glossy este cea mai bună alegere dacă încă îți pasă de GTmetrix sau Google PageSpeed ​​Insights, dar consideri că o ușoară pierdere a vitezei paginii este un compromis acceptabil pentru calitatea imaginii de top.
  • Cu Lossless, imaginile sunt pixel cu pixel identice cu originalele, dar oferă o reducere a dimensiunii mai mică comparativ cu fișierele procesate Lossy sau Glossy. Dacă doriți ca imaginile dvs. să rămână neatinse, selectați această opțiune.
• Suport WebP : formatul WebP este un format de imagine creat de Google care obține rezultate excelente de compresie, cu o pierdere redusă a calității imaginii. Un exemplu rapid despre modul în care se comportă WebP: am făcut o fotografie de pe internet și folosind un convertor aleatoriu JPG în WebP am trecut de la 1,05 MiB la 344 KiB, o reducere de 67,93%, iar calitatea imaginii este practic identică! Deci, bifând opțiunea „Suport WebP” îi spunem SPAI că imaginea servită din CDN-ul ShortPixel ar trebui să fie în format .webp atâta timp cât browserul este compatibil.

• Eliminați EXIF : pluginul permite eliminarea informațiilor „suplimentare” încorporate în imaginea în sine, cum ar fi locația, autorul, modelul camerei etc. Această informație nu este de obicei necesară și eliminarea acesteia ajută la reducerea greutății imaginii putin. Recomandat pentru activare.

Acum trecem la fila Comportament . Printre multe alte modificări, putem găsi următoarele:

• Decupare inteligentă : pluginul va identifica cazurile când nu este afișată toată imaginea și o decupează corespunzător.
• Utilizatori conectați : în mod implicit, ShortPixel AI servește și optimizează imaginile chiar dacă sunteți conectat. Cu toate acestea, dacă doriți să salvați un anumit trafic CDN și credite, puteți pur și simplu dezactiva această opțiune și atunci SPAI va funcționa numai pentru conectat- utilizatori (vizitatorii).
• Substituenți de imagine LQ : LQIP înseamnă substituenți de imagine de calitate scăzută. Sunt imagini de calitate foarte scăzută (și, prin urmare, foarte ușoare) care vor fi încărcate cu încărcarea inițială a paginii și, odată ce pagina este complet încărcată, acestea sunt înlocuite cu cele de calitate completă. Acest lucru ajută la creșterea timpului de încărcare perceput.

Apoi, în fila Zone , vom găsi tot felul de setări pentru a spune SPAI ce imagini ar trebui analizate și optimizate:

• Imagini SVG (acestea nu vor fi optimizate, ci doar stocate pe CDN).
• Imagini în CSS În acest caz, fișierul CSS în sine va fi stocat și pe CDN.
• Imagini în blocuri JS
• Imagini în date JSON

În cele din urmă, în fila Excluderi , găsim câteva câmpuri în care putem exclude imagini de la optimizare:

• Selectoare excluse : aici putem scrie selectoarele CSS pe care dorim ca SPAI să le excludă de la optimizare.
  • Dacă le scrieți în „Nu lăsați încărcarea”, astfel de selectoare nu vor fi încărcate leneș, dar vor fi totuși optimizate și redimensionate.
  • Dacă le scrieți în „Nu redimensionați”, SPAI va optimiza astfel de imagini, dar nu le va redimensiona.
  • Dacă le scrieți în „Lasă complet”, SPAI le va ignora complet, fără optimizare și nici redimensionare.
• Adrese URL excluse : dacă doriți ca SPAI să ignore unele dintre imagini după URL, aici le excludem, folosind expresii regulate (pentru a exclude toate GIF-urile sau toate PNG-urile, de exemplu) sau căi (pentru a exclude o singură imagine, de exemplu) . Pluginul include o explicație bună despre cum să utilizați acest câmp, asigurați-vă că îl verificați!

După ce toate setările sunt la locul lor, asigurați-vă că verificați noul instrument de verificare a imaginii, un instrument simplu pentru a verifica starea imaginilor optimizate pe orice pagină a site-ului . Vizitați oricare dintre paginile dvs. în timp ce sunteți conectat; pe Bara de instrumente, veți observa celebrul robot ShortPixel:

Faceți clic pe pictograma respectivă și veți porni Image Checker. Va apărea o etichetă pentru fiecare imagine: „CDN” sau „ORIGIN”. „CDN” înseamnă că imaginea este difuzată optimizată din CDN-ul ShortPixel și „ORIGIN” că este difuzată de pe server sau, cu alte cuvinte, că ShortPixel Adaptive Images nu o procesează.

De asemenea, cursorul se va transforma într-o cruce (⌖) și atunci când facem clic pe o imagine, vom obține informații și acțiuni suplimentare:

Prețuri și planuri

Înainte de a vorbi despre prețuri, trebuie să ne amintim că SPAI funcționează din mers. Procesează imaginile doar dacă sunt vizualizate cel puțin o dată din front-end. Până când acest lucru se va întâmpla, imaginea va rămâne neprelucrată și, prin urmare, nu va cheltui niciun credit.

Prelucrarea unei imagini înseamnă decuparea inteligentă (dacă este aleasă), redimensionarea și optimizarea acesteia. Odată procesată imaginea, aceasta este stocată pe serverele ShortPixel CDN și poate fi servită tuturor utilizând cota de trafic CDN pe care ați achiziționat-o. Atâta timp cât este disponibilă o cantitate suficientă de trafic CDN, imaginile optimizate vor fi difuzate de pe CDN-ul ShortPixel.

ShortPixel oferă credite care sunt convertite în cota CDN. Regula este simplă: 5 MB de trafic CDN = 1 credit . Atât creditele unice, cât și lunare pot fi utilizate pentru procesarea imaginilor.

Planuri lunare

• Plan gratuit = 100 de credite = 500 MB de trafic CDN = ~ 500 de vizite pe lună
• Plan de 4,99 USD / lună = 5.000 de credite / lună = 25 GB de trafic CDN = ~ 25.000 de vizite pe lună
• Plan de 9,99 USD / lună = 16.000 de credite / lună = 80 GB de trafic CDN = ~ 80.000 de vizite pe lună
• Plan de 29,99 USD / lună = 55.000 de credite / lună = 275 GB de trafic CDN = ~ 275.000 de vizite / lună
• Plan de 99,99 USD / lună = 220.000 de credite / lună = 1 TB de trafic CDN = ~ 1.100.000 de vizite / lună

Planuri unice

• 9,99 USD - 10.000 de credite = 50 GB = ~ 50.000 de vizite
• 19,99 USD - 30.000 de credite = 150 GB = ~ 150.000 de vizite
• 29,99 USD - 50.000 de credite = 250 GB = ~ 250.000 de vizite
• 99 - 170.000 de credite = 850 GB = ~ 850.000 de vizite
• 249 USD - 500.000 de credite = 5 TB = ~ 2.500.000 de vizite

Exemplu: Spuneți că dețineți un site web mediu cu peste 5000 de imagini care primește 10.000 de vizite pe lună.

Un plan lunar de 4,99 USD / lună va permite 25 GB de trafic CDN, iar acest lucru, din testele noastre, se traduce în aproximativ 25.000 de vizite pe lună.

Aflați mai multe despre planuri și prețuri aici.

Merita?

Ținând cont de faptul că cea mai grea parte a unui site web este întotdeauna imaginile și că fiecare secundă suplimentară pe care site-ul web o ia pentru a încărca rezultate în pierderea utilizatorilor și a conversiilor, merită cu siguranță . Este un plugin de instalare și uitare și, în cazul în care doriți să reveniți la imaginile dvs. originale, îl puteți dezinstala pur și simplu și asta va face trucul.

În plus, echipa lor de asistență este minunată și zeci de utilizatori pot garanta acest lucru pe wordpress.org.

Este un plugin extrem de recomandat, care vă ajută să vă îmbunătățiți viteza site-ului web, vă crește poziția în Google și numărul de vizitatori. Și dacă îl combinați cu o găzduire de bună calitate, cum ar fi Cloudways, rezultatele vor fi și mai interesante.

Sperăm că această recenzie a ShortPixel Adaptive Images vă va ajuta să vă faceți site-ul foarte rapid!