Что такое API пользовательского времени?
Создание вашего веб-приложения быстрым и отзывчивым имеет решающее значение для хорошего пользовательского опыта. Первым шагом к повышению производительности является определение того, на что тратится время.
API User Timing дает вам возможность измерить производительность JavaScript вашего приложения. Вы делаете это, вставляя вызовы API в свой JavaScript, а затем извлекая подробные данные о времени, которые вы можете использовать для оптимизации своего кода. Вы можете получить доступ к этим данным из JavaScript с помощью API или просмотрев их в записях временной шкалы Chrome DevTools .
Посетите страницу, посвященную API User Timing API, чтобы получить краткое представление о его использовании.
Как Lighthouse сообщает данные о пользовательском времени
Когда ваше приложение использует API пользовательского времени для добавления меток (то есть отметок времени) и показателей (то есть измерений прошедшего времени между отметками), вы увидите их в своем отчете Lighthouse :
![Скриншот аудита меток и показателей времени пользователей Lighthouse](https://cdn.statically.io/img/developer.chrome.google.cn/static/docs/lighthouse/performance/user-timings/image/a-screenshot-the-lightho-e169ed5feb197.png?hl=ru)
Lighthouse извлекает данные пользовательского времени из инструмента профилирования событий трассировки Chrome .
Этот аудит не структурирован как тест на про��ождение или ��е��рохождение. Это просто возможность открыть для себя полезный API, который поможет вам измерить производительность вашего приложения.
Рекомендации для конкретного стека
Реагировать
Используйте React DevTools Profiler , который использует API Profiler, для измерения производительности рендеринга ваших компонентов.