Практика 7 минут
Как проверить скорость сайта самому
Скорость — редкий параметр, который можно измерить самому за пять минут и во многом починить без чужой помощи.
Как измерить
Самый честный способ — открыть сайт на своём телефоне в мобильной сети, а не по домашнему вай-фаю, и засечь секунды до появления первого экрана. Это то, что видит ваш посетитель.
Дополнительно можно посмотреть в панели разработчика браузера, вкладка сети: там видно, сколько весит страница и какие файлы тянутся дольше всего.
Что считать нормой
| Время до первого экрана | Оценка |
|---|---|
| до 1,5 с | хорошо |
| 1,5–2,5 с | приемлемо |
| 2,5–4 с | теряете часть посетителей |
| больше 4 с | теряете многих |
Где обычно теряются секунды
Изображения. Причина в большинстве случаев. Фотографии в PNG вместо сжатых форматов дают лишние мегабайты. Одна замена формата уменьшает вес в разы.
Шрифты. Пять начертаний вместо двух — это пять отдельных файлов и задержка перед появлением текста.
Лишние дополнения. На сайтах с системой управления накапливаются модули, которые давно не используются, но продолжают грузиться.
Внешние скрипты. Чаты, виджеты, счётчики. Каждый — обращение к чужому серверу, и если тот отвечает медленно, ждёт весь сайт.
Оптимизировать разметку, когда фотографии весят двадцать мегабайт, — заниматься не тем.
Что можно исправить самому
- Пережать картинки. Любой онлайн-конвертер в WebP уменьшит вес в разы без видимой потери качества.
- Убрать неиспользуемые дополнения в панели управления.
- Сократить число шрифтов до двух семейств и трёх начертаний.
- Выключить лишние виджеты, которыми никто не пользуется.
Что требует разработчика
Отложенная загрузка того, что ниже первого экрана, сжатие на сервере, кеширование, замена тяжёлой темы. Это уже работа, но и эффект от неё больше.
Подробнее о том, из чего складывается вес страницы, — в отдельной статье.