Как записать performance-лог браузера

Чтобы выявить причины медленной загрузки веб-страницы, используют два инструмента:

• HAR-файл — запись всех сетевых запросов (время, размеры, коды ответов). Подробнее: Как записать HAR-файл;
• Performance-лог — хронология обработки страницы браузером (рендеринг, скрипты, отрисовка).

Запись performance-лог

Примечание. В инструкции используется браузер Google Chrome. Для других браузеров запись выполняется по аналогичному принципу.

Для записи логов:

1. Откройте любой раздел (например, «Активности»).
2. Откройте инструменты разработчика браузера (например, с помощью сочетания горячих клавиш CTRL+SHIFT+I).
3. Перейдите на вкладку «Network» (Сеть) и выполните следующие действия:
   1. Очистите предыдущие записи.
   2. Начните запись.

Рисунок 1 — Включение записи на вкладке «Network»

4. Перейдите на вкладку «Performance» (Производительность) и запустите запись.

Рисунок 2 — Включение записи на вкладке «Perfomance»

5. Выполните переход на домашнюю страницу.
6. После полной загрузки всех элементов страницы в инструментах разработчика браузера:
1. Остановите запись:
• Во вкладке «Performance»:

Рисунок 3 — Остановка записи на вкладке «Performance»

• Во вкладке «Network»:

Рисунок 4 — Остановка записи на вкладке «Network»

2. Экспортируйте:
• HAR-файл:

Рисунок 5 — Экспорт HAR-файла

• Performance-лог:

Рисунок 6 — Экспорт performance-лога

Рекомендуем изучить