De ce și cum să vă optimizați imaginile pentru web UpEmpresa
Optimizarea unei imagini pentru site-ul dvs. web este procesul de reducere a greutății fișierului imaginii dvs.
Este un concept foarte simplu, dar extrem de important pentru performanța site-ului dvs. web și experiența pe care o au toți vizitatorii dvs. atunci când navighează pe site-ul dvs.
Ca parte a serviciului nostru de găzduire, oferim un proces profesional de optimizare web prin care reducem timpul de încărcare a site-ului dvs. web la 1,5 secunde sau mai puțin, acest serviciu gratuit este inclus în planurile Premium și Business, cu un ciclu de plată anual. Și 8 din zece site-uri web pe care le optimizăm au o problemă serioasă cu imaginile lor, adică sunt întotdeauna prea grele.
Dacă o imagine a site-ului dvs. web este prea grea, atunci vizitatorul dvs. va dura mai mult timp pentru a încărca site-ul dvs. web, dacă mulți vizitatori se văd vizionând aceeași pagină de pe site-ul dvs. cu imagini prea grele, atunci site-ul dvs. web va dura mai mult timp pentru a răspunde și a servi acel fișier atât de greu pentru toți vizitatorii.
Optimizarea imaginilor permite site-ului dvs. să se încarce mai repede și, de asemenea, îmbunătățește gradul de utilizare și SEO al site-ului.
Timpul de încărcare al site-ului dvs. web este un factor important pentru Google, cu cât site-ul dvs. web este mai optimizat, cu atât mai bine va fi clasarea dvs. pe pagina de rezultate Google.
În mod normal, ceea ce facem atunci când încărcăm o imagine este să descărcăm imaginea și să o încărcăm direct pe media WordPress Liberia, apoi o adăugăm la articolul sau pagina noastră și gata.
Problema este că imaginile pe care le descărcați sunt în mod normal foarte grele, într-un articol anterior v-am arătat mai multe site-uri de pe care puteți descărca imagini legale pentru a le utiliza pe site-ul dvs.
Veți fi de acord că toate aceste imagini sunt de foarte bună calitate, dar când le descărcați, veți vedea că greutatea lor medie este de la 3 MB la 5 MB, de fapt, fotografia imaginii pe care am folosit-o pentru această postare are o greutate de 5,3 MB
Acum să spunem că decid să nu optimizez imaginea pentru web și pur și simplu am descărcat-o și am plasat-o în acest articol. Deci, această pagină ar dura prea mult timp pentru a fi încărcată, în funcție de cât de rapid sunteți.
Luați în considerare faptul că limita de timp de încărcare a site-ului dvs. web pentru a-l considera bun este de maximum 3 secunde.
Având în vedere acest lucru, voi arăta cât timp ar dura diferiți utilizatori pentru a încărca imaginea de 5,3 MB cu viteze diferite de internet:
| ADSL | 256 kbit/s | 3 minute și 10 secunde. |
| ADSL | 512 kbit/s | 1 minut și 35 de secunde |
| ADSL | 1 Mbit/s | 48 de secunde |
| ADSL | 2 Mbit/s | 24 de secunde |
| ADSL | 8 Mbit/s | 6 secunde |
| LAN | 10 Mbit/s | 4 secunde |
| ADSL | 24 Mbit/s | 2 secunde |
Deci, după cum puteți vedea, este prea mult timp folosit doar pentru a descărca imaginea, pentru aceasta trebuie să măriți greutatea fișierelor JavaScript, CSS, HTML, a altor imagini de pe site-ul dvs. și a altor fișiere din serviciile externe pe care le-ați putea avea site-ul dvs. web, cum ar fi biblioteci fonturi Google, Analytics, Facebook JS, etc ...
Atunci când îl combinăm și dacă ne-am optimizat fișierele Javascript, CSS și HTML, putem ajunge la o greutate de 0,5 MB din aceste fișiere, astfel încât trebuie să-l adăugăm în cont.
Având în vedere că viteza medie a internetului în America Latină este de 5,6 MB și în Spania 15,5, atunci un vizitator latin ar fi nevoie de 8 secunde pentru a încărca site-ul nostru și în Spania 3 secunde.
Și mai mult de 85% din acest timp este să încărcăm imaginea pe care nu am optimizat-o.
Dar, în acest articol am optimizat deja imaginea, iar la sfârșitul acestui proces, imaginea acestui articol are o greutate de 59,3 KB (0,059 MB), după cum puteți vedea, este o reducere mare a greutății și asta se traduce prin un site de încărcare mai rapid.
Acum vă voi arăta cum puteți optimiza imaginile pe propriul dvs. site web. Vom vorbi despre doi pași pe care ar trebui să vă concentrați atunci când faceți acest proces.
Cuprins
Modificați dimensiunea imaginii
Acest singur pas poate reduce greutatea imaginii cu mai mult de 50%. În acest pas trebuie să ne asigurăm că imaginea are dimensiunile dorite.
De exemplu, în cazul meu, toate imaginile de pe blog au o lățime de 640 px și o înălțime de 350 px, așa că trebuie să modific imaginile pentru a avea acele dimensiuni.
Imaginea originală a acestui articol avea dimensiuni de 4.000 px lățime și 2.900 px înălțime, ceea ce este prea mult, mult mai mult decât am nevoie pentru site-ul meu.
Apoi, trebuie să faceți ca imaginea să pară mai mică, trebuie să măsurați dimensiunile de care aveți nevoie pe propriul site web și să creați imaginile pe baza acelor dimensiuni.
Există mai multe modalități de a face acest proces, puteți utiliza Photoshop sau Gimp, de exemplu, dar puteți utiliza și instrumente online, cum ar fi Canva.com, care este modul în care am creat această imagine.
Vom vorbi mai în detaliu despre Canva într-un articol viitor, deoarece este un instrument excelent și pe care îl folosim mult în imaginile noastre.
Folosind Canva puteți crea un document cu dimensiunile specifice dorite, apoi încărcați imaginea, plasați-o pe pânză și apoi descărcați noua imagine cu dimensiunile corecte, este extrem de simplu.