Скорость мобильной версии: 6 узких мест, которые тормозят сайт сильнее всего

На мобильном пользователи уходят не из-за «плохого дизайна», а из-за лишних секунд ожидания. Чаще всего тормоза дают:
— тяжелые изображения без сжатия и правильных размеров;
— лишние шрифты и начертания;
— скрипты, которые блокируют первый рендер;
— большой CSS, который грузится целиком;
— сторонние виджеты, чаты и счетчики.

Начинайте с первого экрана: он должен появляться без ожидания всего остального. Уберите из него все, что не помогает понять страницу и совершить действие. Если блок нужен ниже, он не должен мешать загрузке выше.

Дальше проверьте медиа: изображения лучше отдавать в размере, близком к реальному отображению, и не тащить на мобайл тяжелые десктопные файлы. Для видео и фонов используйте отложенную загрузку, иначе они съедают канал связи еще до того, как человек увидит контент.

Еще один частый стопор — «обвязка» из аналитики, пикселей и виджетов. Оставляйте только то, что реально влияет на работу продукта. Остальное подключайте позже, когда основной контент уже виден.

Если хотите ускорить мобильную версию без гаданий, начните с аудита первого экрана, изображений и сторонних скриптов: именно там обычно лежат самые быстрые улучшения.