Кодирайте вашите изображения в base64 Bellami

Кодирането на изображения в base64 е едно от добри практики за уеб оптимизация. Това кодиране преобразува файл с изображение в поредица от знаци. Това позволява да значително намаляват броя на заявките изпратени до уеб сървъра от браузъра. Но този принцип не може да бъде обобщен за всички изображения, трябва да знаете как да го използвате пестеливо.

Как да кодирам в base64

Обикновено изображението, което се показва на уеб страница, е файл с изображение, външен за уеб страницата. Например в изходния код на тази страница ще намерите следния код: Това означава, че когато браузърът изтегли уеб страницата, в един момент той ще поиска изтеглянето на файла с изображението. Следователно браузърът изпраща заявка до уеб сървъра, който след това ще достави изображението до браузъра. Следователно общото време за показване на изображението е сумата от времето за отговор на заявката и времето за изтегляне на изображението. Кодирането на вашето изображение в base64 ще изтрийте тази заявка тъй като символите, съставляващи изображението, се вмъкват в HTML в уеб страницата по този начин: Уеб страницата вече не използва външен файл, направете това, за да 10 разговора с изображения и ще спестите около 1 секунда на страницата ви се зарежда! Печалба далеч от нищожна.
Кодирането Base64 може да се използва и в CSS, така че цялото ви съдържание и дизайнерски изображения могат да се възползват от него.

Недостатъците на base64 кодирането

Недостатък на кодирането base64 е, че общото тегло на изображението се увеличава средно с 50%. Тъй като времето на заявката е много кратко, около 100ms средно, само изображения с ниско тегло трябва да се конвертират в base64 за подобряване на производителността.

---