Чаще всего проблема не в одной «тяжёлой» обложке, а в целой пачке изображений, которые грузятся сразу: фото в блоках, фоновые картинки, галереи, превью. Пользователь открывает страницу и ждёт, пока подтянется всё подряд.
Проверьте до публикации:
— не вставляйте исходники прямо из камеры или макета;
— сжимайте изображения до нужной ширины, а не «с запасом»;
— для мелких иллюстраций не используйте огромные PNG;
— если картинка не несёт смысл, уберите её или замените на более лёгкий формат.
Ещё одна типовая ошибка — одинаково тяжёлые файлы для десктопа и мобильного. На телефоне браузеру не нужен огромный холст, а лишние мегабайты бьют по первому экрану и по терпению читателя.
Перед публикацией откройте страницу с мобильного интернета и посмотрите, что появляется первым. Если верхний экран не готов быстро, сокращайте вес изображений, а не текст.
Readymag: лонгриды и портфолио
@readymag_longreads_ww
Лонгрид тормозит не из-за текста, а из-за картинок: где обычно перебор
Этот пост опубликован в Telegram-канале Readymag: лонгриды и портфолио. Подписаться можно по ссылке: @readymag_longreads_ww.