Быстродействие фронтенда: оптимизация изображений

В прошлой статье я рассказал о повышении быстродействия фронтенда за счет нехитрых манипуляция с CSS и JS. В этой статье речь пойдет об оптимизации изображений. Под термином "оптимизация изображения" я понимаю уменьшение фактического размера файла без изменения внешнего вида и визуального качества картинки, а также совокупность прочих мер, способствующих повышению скорости загрузки и обработки изображения браузером.


Быстродействие фронтенда: CSS и JS

Быстродействие является одним из ключевых аспектов работы любого сайта, будь то сайт-визитка или интернет-магазин. С этим утверждением, как мне кажется, спорить глупо. Медленная загрузка страниц заставляет людей нервничать и раздражаться, и эти два чувства несомненно приведут к тому, что пользователь просто закроет окно браузера и проклянет сайт, попутно обвиняя в криворукости его создателей. Одно дело, когда пользователь сидит на dial-up и ждет загрузки страницы 5 сек, и совсем другое, когда при скорости 10 Мбит/с он ждет те же томящие 5 сек. Для разработчика это означает, что пора оптимизировать клиентскую часть сайта или, как его еще называют, фронтенд.



Куда и как смотрят посетители сайта

Прочитав нескольких интересных статей на тему проектирования веб-интерфейсов, я решил рассказать о базовом принципе при создании любого сайта, нацеленного на коммерческое использование или рекламу чего-либо, кого-либо. Запись "приправлена" небольшим исследованием и советом по SEO.