Методы отображения временных меток в Chrome DevTools: консоль, панель производительности, панель сети и пользовательский код

  1. Консольный метод: вы можете использовать console.timeStamp(label)для создания отметки времени в консоли. Это позволяет отслеживать определенные события или время выполнения кода.

  2. Панель «Производительность». Панель «Производительность» в Chrome DevTools предоставляет временную шкалу, на которой отображаются различные показатели, включая временные метки сетевых запросов, изменений макета и событий JavaScript.

  3. Панель «Сеть». На панели «Сеть» отображаются сведения о времени каждого сетевого запроса, сделанного вашей веб-страницей, включая временные метки инициации, поиска DNS, согласования SSL и т. д.

  4. Пользовательский код. Если вам нужен больший контроль над временными метками, вы можете вручную вставить код JavaScript в определенные точки вашего приложения, чтобы регистрировать временные метки на консоли или отправлять их на сервер для анализа.