Codificați-vă imaginile în base64 Bellami
Codificarea imaginilor în base64 este una dintre bune practici de optimizare web. Această codificare transformă un fișier imagine într-o serie de caractere. Acest lucru permite reduce considerabil numărul de solicitări trimise către serverul web de către browser. Dar acest principiu nu poate fi generalizat la toate imaginile, trebuie să știi cum să-l folosești cu cumpătare.
Cum se codifică în base64
De obicei, o imagine care se afișează pe o pagină web este un fișier de imagine extern paginii web. De exemplu, în codul sursă al acestei pagini veți găsi următorul cod: Aceasta înseamnă că atunci când browserul descarcă pagina web, va solicita, la un moment dat, descărcarea fișierului imagine. Prin urmare, browserul trimite o cerere către serverul web, care va livra apoi imaginea către browser. Prin urmare, timpul total de afișare a imaginii este suma timpului de răspuns la cerere și a timpului de descărcare a imaginii. Codificarea imaginii dvs. în baza64 va ștergeți această interogare deoarece caracterele care constituie imaginea sunt inserate în HTML în pagina web în acest fel: Pagina web nu mai folosește un fișier extern, faceți acest lucru pentru 10 apeluri imagine și veți economisi aproximativ 1 secundă pe pagina dvs. de încărcare! Un câștig departe de a fi neglijabil.
Codificarea Base64 poate fi, de asemenea, utilizată în CSS, astfel încât toate conținutul și imaginile de design pot beneficia de aceasta.
Neajunsurile codării bazei 64
Un defect al codificării bazei 64 este că greutatea totală a imaginii crește în medie cu 50%. Deoarece timpul unei solicitări este foarte scurt, în jur de 100ms în medie, numai imaginile cu greutate redusă ar trebui convertite în base64 pentru a îmbunătăți performanța.