Imaginați-vă Faceți site-ul dvs. să piardă în greutate prin comprimarea imaginilor sale
Știți ce durează cel mai mult timp pentru a încărca pe o pagină ?
Acestea nu sunt nici fișiere CSS, nici fișiere JavaScript.
Acestea sunt imaginile.
De multe ori încercăm să optimizăm viteza site-ului nostru prin optimizarea codului (așa cum am văzut cu fișierul .htaccess), dar este posibil să realizăm acest lucru fără prea multe probleme.
Înainte să vă povestesc despre pluginul WordPress pe care îl folosesc pentru a reduce în mod semnificativ greutatea imaginilor Marmite, aș dori să vă trimit ...
3 obiceiuri bune de adoptat cu imagini
Când gestionați site-uri, este important să vă gândiți întotdeauna la vizitatori. În cazul meu, încerc mereu să fac ceea ce este mai bine pentru tine.
De exemplu, în loc să vă vorbesc direct despre un plugin sau altceva, vreau să vă trimit informații pe care le veți găsi utile în viitor.
Durează puțin mai mult, dar știu că, pe termen lung, asta va face diferența 😉
Haide, nu mai vorbești. Să trecem la aceste 3 sfaturi !
1. Nu trimiteți imagini supradimensionate
Fie că sunteți sau nu fotograf, fișierele create de o cameră digitală sunt foarte mari astăzi.
Pot cântări de la 4 la 8 MB, uneori mai mult! Totul depinde de setările dvs.
Este minunat să le tipăriți sau să le editați pe computer.
Pe de altă parte, pentru a le distribui pe web, este imediat mai enervant.
Într-adevăr, dacă o pagină trebuie să încarce zece imagini de 8 MB, vizitatorii dvs. ar beneficia de conectarea la fibra optică ...
Cel mai bun lucru de făcut este să redimensionați imaginile înainte de a le încărca pe site-ul dvs. Lățimea de 2000 de pixeli este mai mult decât suficientă.
Orice editor de imagini poate face acest lucru, dar pe termen lung poate deveni obositor.
Pe Marmite, imaginile au întotdeauna o lățime de 600 de pixeli în articole (nu este nevoie de o lățime de 2000 de pixeli). Deci, folosesc următorul cod pentru ca WordPress să redimensioneze automat imaginile încărcate:
A doua parte a codului vă permite să adăugați imaginea generată la lista dimensiunilor disponibile:
Această mică bucată de cod nu mănâncă pâine, dar vă va economisi câteva secunde prețioase, cu siguranță 😉
Alegeți formatul de fișier potrivit
Probabil că sunteți familiarizați cu cele două formate principale de imagine disponibile astăzi:
Știi în ce fel diferă? Este un pic tehnic, dar este modul în care sunt codate.
Practic modul în care imaginile sunt salvate în fișier.
Această discrepanță înseamnă că unele vor fi mai ușoare în JPG decât în PNG și invers.
Pentru a vă ajuta să alegeți cel mai bun format, amintiți-vă că:
- JPG = Fotografii, imagini cu mii de culori sau nuanțe de gri
- PNG = Diagrame, imagini simple, sigle sau imagini cu transparență
Puteți afla mai multe despre formatele de imagine cu acest infografic găsit la Korben.
Pentru a vă convinge, convertiți o fotografie făcută cu telefonul, convertiți-o în PNG și uitați-vă la greutatea acesteia.
Comprimă imaginile înainte de a le trimite
Înainte de a trimite imagini pe un site, am întotdeauna grijă să le comprim.
De exemplu, după ce am retușat unul în Photoshop, folosesc întotdeauna Fișier> Salvare pentru web pentru a găsi cel mai bun compromis între greutate și calitate:
Treceți la modul 2 miniaturi și priviți greutatea finală din partea stângă jos. Puteți juca cu formatele și setările din dreapta sus (și, eventual, cu dimensiunea din dreapta jos).
Este evident că nu trebuie să degradezi calitatea prea mult, altfel redarea va fi oribilă.
Dacă sunteți pe Mac, vă recomand utilitarul ImageOptim pentru a comprima mai mult fără a pierde calitatea.
Atât pentru sfaturile de bază. in orice caz, îmi veți spune că acest lucru poate fi destul de restrictiv pe termen lung.
Și vei avea dreptate !
De asemenea, cum să faceți față fișierelor deja aflate în biblioteca dvs. media ?
Aici intervine ...