🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Функция находится в статусе ограниченной доступности в Baseline.

PerformancePaintTiming — это API, который помогает понять, сколько времени уходит на отрисовку страницы в браузере. Он показывает моменты, когда появился первый пиксель (First Paint) и когда отображен первый содержимый элемент (First Contentful Paint). Эти показатели важны для оценки скорости загрузки и восприятия сайта.

Пример использования:

performance.getEntriesByType('paint').forEach(entry => {
  console.log(`${entry.name} — ${entry.startTime} мс`);
});

Этот код выводит в консоль время появления первого пикселя и первого текста после загрузки страницы.

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.