Главная страница магазина открывается медленно, а разработчик занят другими задачами. Вместо того чтобы гадать о причинах задержки или верить случайным онлайн-тестам, можно самостоятельно замерить время появления основных элементов с помощью стандартных инструментов браузера.
Допустим, владелец интернет-магазина открывает карточку товара в браузере Chrome, нажимает F12, переходит на вкладку Network, ставит галочку Disable cache и обновляет страницу, чтобы зафиксировать время полной загрузки ресурсов.
Порядок самостоятельного замера
Встроенная панель разработчика позволяет увидеть точные цифры без сложных программ. Нажмите клавишу F12 в любом современном браузере и перейдите во вкладку Network. Установите галочку Disable cache, чтобы исключить влияние сохраненных файлов из памяти компьютера. Нажмите кнопку обновления страницы и посмотрите на нижнюю строку панели.
Обратите внимание на параметр Finish. Он показывает время, за которое браузер скачал все изображения, стили и шрифты. Если это значение превышает несколько секунд, страница требует внимания.
Поиск тяжелых элементов
Чтобы понять, что именно задерживает открытие, проверьте вкладку Coverage или воспользуйтесь блокировкой сторонних запросов. Отключите на время внешние скрипты метрик или виджетов через Request blocking и повторите замер Finish. Сравните полученные цифры с предыдущим результатом: так вы увидите разницу и поймете вклад конкретных элементов в общую скорость.
Способ повторить проверку: откройте тот же браузер в режиме инкогнито, запустите замер скорости в панели разработчика три раза подряд и вычислите среднее значение параметра Load.
Инструменты разработчика в браузере показывают скорость загрузки только для текущего устройства и интернет-соединения, поэтому результаты теста не отражают реальный опыт всех пользователей с медленным мобильным интернетом.