Как получить временную метку событий профилирования производительности в Chrome Dev Tools?

#google-chrome-devtools

#google-chrome-devtools

Вопрос:

Как я могу получить временную метку событий профилирования производительности в Chrome Dev Tools, чтобы сопоставить их с сетевыми событиями на вкладке сеть?

Ответ №1:

Вы можете использовать вкладку производительность в инструментах разработчика. Используйте снимок для профилирования приложения. Начните использовать приложение. Затем вы можете проанализировать и сохранить ее. Tbh Я не знаю способа получить точные временные метки, но вы можете сделать приблизительные расчеты, перемещая курсоры по мере изучения таймингов между последовательностями событий, приблизительных таймингов для рисования при загрузке и т.д.

РЕДАКТИРОВАТЬ После профилирования приложения — вы можете получить конкретные тайминги для сетевых событий, выбрав выпадающий список сеть. При наведении курсора мыши на событие должно отображаться время выполнения каждого события.