Вёрстка и frontend
Скорость загрузки и вёрстка сайта
Медленный сайт теряет заявки. Часто причина не «в хостинге вообще», а в тяжёлой вёрстке и скриптах. Разберём рычаги.
Вёрстка влияет на скорость сильнее, чем кажется: вес картинок, порядок загрузки скриптов, шрифты и лишние библиотеки. Можно купить хороший хостинг и всё равно получить медленный первый экран.
Быстрые победы
- Сжать и правильно масштабировать изображения
- Не грузить тяжёлые скрипты до взаимодействия
- Подключить шрифты без блокировки отрисовки
- Убрать неиспользуемые CSS/JS после конструкторов
- Включить современное кэширование на хостинге
Что проверять
- Первый экран на мобильном интернете
- Вес страницы и число запросов
- Скрипты сторонних виджетов
- Ленивая загрузка ниже экрана
Сигнал
Ускоряем сайты на уровне вёрстки и фронтенда, параллельно чиним мобильные проблемы. Подходит, когда «дизайн нравится, но тормозит».
Частые вопросы
Нужен ли AMP?
Для большинства сайтов услуг — нет. Достаточно нормальной адаптивной быстрой вёрстки.
Картинки в WebP обязательны?
Желательны современные форматы, но важнее адекватный размер и сжатие.
Сколько должна весить главная?
Чем легче, тем лучше. Ориентируйтесь на ощущения на 4G и на измерения, а не на круглое число ради числа.
Создание сайтов · Доработка сайтов · Цены на услуги · Все услуги · Ещё в рубрике «Вёрстка и frontend»