CSS Sprite – Optimizare Imagini

Sprite CSS – pentru ca suntem specialisti in optimizarea site-urilor pentru o incarcare mai rapida in browsere si eliminarea erorilor, incercam sa explicam si ce inseamna "Sprite CSS". Daca ati facut teste de optimizare cu Page Speed, cu siguranta ati avut indicatii de combinare a imaginilor. Aceasta modalitate de combinare a imaginilor mici si in special imaginile din template, reduc cererile HTML si site-ul se incarca mult mai repede. Imaginile care se incarca separat, se vor incarca dintr-o singura imagine cu valori X si Y. Acestea se pot defini in mod automat cu diverse tool-uri din Internet sau chiar cu "Paint", de la Windows.

Aceasta combinare de imagini si localizarea in imaginea sprite (X/Y), cu optiunea CSS backgroun-pozition, nu este foarte usoara insa, daca cititi cu atentie acest tutorial, veti reusi sa aveti un site mult mai performant. Am sa iau ca exemplu un website de oferte cazare, care nu a fost optimizat si care incarca cateva imagini din CSS. Mai jos, aveti imaginea cu problemele din site… Citeste articol