Иллюстрации — обычно самая тяжёлая часть страницы, и именно они портят впечатление о скорости. Большая картинка на первом экране задерживает момент, когда страница выглядит готовой, а несколько таких превращают открытие в ожидание.
Первое, что стоит проверить, — реальный размер. Картинка, которая показывается небольшим блоком, часто загружается в исходном разрешении для крупного экрана. Отдавать разные размеры под разные экраны — самая дешёвая оптимизация из существующих.
Второе — формат. Современные форматы сжатия дают заметно меньший вес при том же качестве, а для простой графики вектор часто оказывается легче любого растра.
Третье — отложенная загрузка того, что ниже первого экрана, но с оговоркой: главную картинку откладывать не нужно, иначе она появится позже всего остального. И обязательно задавать размеры заранее, иначе при загрузке содержимое прыгает, и человек нажимает не туда, куда целился 📈
Иконки и Иллюстрации
@icons_illustr_n1k
Иллюстрации — обычно самая тяжёлая часть страницы, и именно они портят впечатление о скорости. Большая картинк
Этот пост опубликован в Telegram-канале Иконки и Иллюстрации. Подписаться можно по ссылке: @icons_illustr_n1k.