De ce; optimizare; imaginile dvs. cu Base64 sunt aproape întotdeauna o idee proastă
Din păcate, chiar și astăzi, unele pluginuri și bloguri de optimizare sugerează „optimizarea” imaginilor dvs. prin codificarea acestora în Base64 și includerea acestora direct în HTML.
În această postare, vreau să abordez de ce în zilele noastre, aceasta este aproape întotdeauna o idee foarte proastă care a fost reportată de ani în urmă. Pe atunci, browserele web aveau limite grele asupra numărului de conexiuni simultane pe care le puteau trimite la server. Acest lucru a însemnat că un site web cu imagini grele ar trebui să aștepte cererile și să aștepte ca acestea să termine. Base64 a oferit o modalitate de a rezolva acest lucru prin utilizarea unei conexiuni HTTP deja deschise pentru a livra imagini încorporate direct în HTML sau CSS. Acest lucru a eliminat efectiv nevoia unui dus-întors suplimentar de care ar avea nevoie browserul pentru fiecare dintre fișiere.
Odată cu introducerea multiplexării care a sosit cu HTTP/2, browserele web au devenit incredibil de eficiente în furnizarea a sute de fișiere printr-o singură conexiune. Acest lucru funcționează în jurul majorității limitelor rezolvate de codificarea Base64 și, de fapt, înseamnă că Base64 face acum mai mult rău decât bine.
Pentru a ajunge la răspunsul de ce, mai întâi trebuie să stabilim ce este de fapt Base64. Mai simplu spus, Base64 este o schemă de codificare utilizată pentru a reprezenta date binare într-un format text. Acest lucru este util atunci când mediul de stocare sau livrare nu acceptă date binare, cum ar fi atunci când încorporează o imagine într-o bază de date, fișiere CSS sau HTML. Trebuie să aveți grijă să nu amestecați compresia cu codificarea. În timp ce compresia comprimă de fapt datele, codificarea definește doar o modalitate de codificare a datelor, ceea ce ne duce la prima problemă.
Creșterea dimensiunii descărcării
Deși Base64 este un mod relativ eficient de codificare a datelor binare, va crește în medie dimensiunea fișierului cu mai mult de 25%. Acest lucru nu numai că mărește factura lățimii de bandă, ci și crește timpul de descărcare.