Reduceți greutatea imaginilor dvs. - Performanță; Viteza de încărcare Joomla

Postat de Thierry Tardif.

reduceți

Dacă site-ul dvs. Joomla conține o mulțime de imagini, este foarte important ca acestea să fie optimizate cât mai mult posibil. De obicei, problema apare adesea de la utilizatorii Joomla fără experiență care încarcă imagini prea mari în Joomla și își ajustează dimensiunile cu editorul de text. Această tehnică reduce doar dimensiunile fiecărei imagini văzute, dar greutatea fiecăreia dintre aceste imagini mari este bine încărcată în browserul utilizatorilor de internet.

Prin urmare, trebuie să vă educați editorii de conținut astfel încât, în primul rând, să nu încarce în Joomla acest tip de imagini prea mari/grele.

De asemenea, ar trebui să luați în considerare modul în care imaginile dvs. sunt încărcate pe smartphone-uri și tablete.

Formatul de imagine potrivit

Asigurați-vă că alegeți formatul potrivit pentru imaginile dvs., în general, alegerea dvs. va fi limitată la aceste 3 formate:

  • GIF: Greutate redusă, calitate relativ scăzută, pentru a fi utilizat pentru imagini mici, icoane sau imagini cu culori uniforme de bază.
  • JPG/JPEG: Greutate mare, fără transparență, dar soluția pentru afișarea imaginilor de tip fotografic. Cu acest format aveți de ales între utilizarea formatului progresiv sau „de bază” („standard” care poate fi definit în Salvați pentru web de photoshop)). Formatul Progressive arată o imagine ușor neclară care îmbunătățește claritatea pe măsură ce se încarcă, în timp ce formatul „de bază” arată mai întâi partea de sus a imaginii, apoi arată treptat restul imaginii. Formatul Progressive este cel recomandat de webpagetest.org și Google PageSpeed. Cu toate acestea, este nevoie de mai multe resurse CPU, care pot să nu fie ideale pentru încărcarea imaginilor pe telefoanele mobile, deci nu există răspunsuri perfecte pentru această alegere. Personal, urmez întotdeauna recomandările Google, așa că aleg formatul Progressive.
  • PNG: Alegeți acest format pentru imagini mici, sigle etc. și ceea ce necesită transparență.

Când salvați „o imagine pentru web”, reducerea calității acesteia de la 100% la 60% îi va reduce semnificativ greutatea, în timp ce va arăta în continuare perfect, acest lucru este valabil mai ales pentru imaginile mici.

Utilizați JCE pentru a elimina datele EXIF ​​din imaginile dvs.

Editorul de text JCE are o caracteristică foarte interesantă, deoarece versiunea sa 2.5.10, vă poate permite să economisiți o mulțime de kB. De fapt, elimină datele Exif din imagini atunci când acestea sunt încărcate în Joomla. Uită-te la diferența de greutate dintre 2 imagini, una în descărcare normală din JCE și cealaltă cu parametrul JCE activat:

Puteți vedea pierderea în greutate cu 30%, iar calitatea imaginilor nu este deloc afectată. Această opțiune ar trebui să fie activat în JCE, pentru a face o programare în Componente> Administrare JCE> Profiluri editor> Implicit (dacă utilizați acest profil)> Parametri editor> Sistem de fișiere și alegeți să activați setarea Eliminați datele Image EXIF:

Comprimarea fără pierderi a imaginilor fără a pierde calitatea online

Deși sună puțin ciudat sau tehnic, este o reducere MARE a greutății imaginilor dvs. și foarte ușor de utilizat. Chiar dacă ați redimensionat în mod corespunzător imaginile, acestea pot conține date (octeți) și metadate inutile care pot fi eliminate pentru optimizare finală (cum ar fi datele EXIF ​​tocmai menționate). Poate fi data la care a fost făcută fotografia, modelul camerei etc. care, pentru un site web nu este necesar să fie păstrat. Eliminați aceste datenu afectează calitatea imaginii, acest pas se numește „Lossless compression” în engleză. Majoritatea acestor date nu pot nu să fie șterse folosind comanda „Salvare pentru web” a Photoshop-ului.

Există o serie de instrumente care pot face această optimizare pentru dvs. Tot ce trebuie să faceți este să încărcați imaginile de pe web (una câte una sau mai multe odată) într-unul dintre aceste instrumente, apoi puteți încărca imaginea optimizată. Acest lucru este, în general, foarte impresionant, în special pentru imaginile PNG care pot câștiga peste 70%. Celelalte formate au rezultate mai puțin spectaculoase, dar deseori în intervalul 10-40%. Smushit-ul Yahoo a fost cel mai faimos dintre aceste instrumente, dar a fost luat offline la începutul anului 2015. Din fericire, există și alte instrumente similare sau cu funcționalități îmbunătățite.

Cea mai bună opțiune este probabil să utilizați ImageRecycle. Optimizatorul său este gratuit și îl puteți folosi pe web. Poate micșora majoritatea formatelor de imagine și chiar PDF-urilor. Puteți încărca fișierele unul câte unul sau mai multe odată.

Ceea ce este unic la ImageRecycle este că are un plugin Joomla pe care îl poți instala cu ușurință, care va putea să-ți optimizeze imaginile (și, eventual, să le redimensioneze) fără alte acțiuni din partea ta. Puteți găsi pe această pagină o recenzie a acestui plugin: http://joomlaseo.com/seo-extensions/imagerecycle