Кратко

  • Первый публичный проект Resource Timing W3C от 24 мая 2011 года предложил измерять загрузку отдельных ресурсов, в том числе изображений, через отметки поиска имени, соединения, запроса и ответа.
  • Кандидатская спецификация первого уровня от 30 марта 2017 года поместила записи в шкалу производительности, предусмотрела конечный буфер и отдала серверу внешнего ресурса решение об открытии подробностей через Timing-Allow-Origin.

Страница тормозила, и каждый её участник нашёл виновного. Большая картинка показывала на таблицу стилей. Таблица стилей — на скрипт. Скрипт предпочитал смотреть на сервер с выражением недоверия. Общая длительность подтверждала жалобу читателя, но не показывала, какой чемодан застрял на ленте выдачи. Resource Timing раздал ресурсам секундомеры.

Первый публичный рабочий проект W3C от 24 мая 2011 года ставил вопрос о задержках внутри страницы. Пример посвящён загрузке отдельного изображения. Часы навигации документа описывают путь самой страницы; фотографии, стили и скрипты прибывают собственными рейсами. Изображение может ещё ехать, когда заголовок уже виден. Одно число в отчёте скрывает такую разницу, словно у всей компании был один посадочный талон.

Для каждой записи проект указывал имя ресурса, тип инициатора и последовательность временных точек. fetchStart, domainLookupStart, connectStart, requestStart, responseStart и responseEnd разделяли поиск имени, соединение, запрос, начало и конец ответа. Если фотография опоздала, можно выяснить, на каком отрезке она задержалась. Слова «сеть медленная» перестали быть достаточным протоколом совещания.

Показания нужно читать с учётом условий. Браузер может использовать уже открытое соединение или взять файл из кеша. Тогда некоторые этапы не повторяются, а отметки оказываются одинаковыми. Это не обязательно неисправность часов. Сравнивая два посещения, важно знать, какое началось с тёплым кешем. Каждая запись описывает конкретную загрузку, а не неизменный характер картинки.

В кандидатской спецификации Resource Timing Level 1 от 30 марта 2017 года ресурсные записи размещались на шкале производительности. В примере вызывается performance.getEntriesByType('resource'), выбираются элементы с initiatorType равным img, затем сопоставляются responseEnd и startTime. Картинки можно выстроить по длительности и изучить маршрут каждой. Те же принципы работают со стилями и скриптами. Вся страница больше не должна отвечать за прогулы одного файла.

У журнала есть предел. Документ 2017 года описывал буфер ресурсных записей и методы setResourceTimingBufferSize() и clearResourceTimings(). Страница с множеством запросов способна заполнить отведённое место. Сборщик решает, сколько строк хранить и когда очищать журнал. Если поздние запросы отсутствуют, это не означает, что они добрались мгновенно. Возможно, бухгалтеру закончились страницы.

Отдельная граница проходит через внешний сервер. Ресурс другого происхождения может появиться в шкале, но браузер по умолчанию ограничивает подробные временные поля. Сервер, доставляющий этот ресурс, вправе отправить Timing-Allow-Origin и разрешить конкретному происхождению видеть больше. Встроить чужую картинку ещё не значит получить ключ от каждого циферблата её поставщика.

Поэтому пустые или ограниченные поля нельзя бездумно читать как нулевую работу. Запись может назвать внешний ресурс и показать длительность, не раскрывая этапов DNS, соединения и ответа. Считать закрытую дверь доказательством мгновенной доставки было бы странным способом расследования. Если поставщик открыл доступ, деталей становится больше; если нет, приходится работать с доступными наблюдениями.

Проект кандидатской спецификации W3C от 1 сентября 2026 года продолжил учитывать ресурсы отдельно, описав больше атрибутов и более вместительный буфер, чем ранние тексты. Документы 2011, 2017 и 2026 годов относятся к разным этапам. Их нельзя сложить в одну неподвижную версию. Сохранился главный приём: браузер записывает путь каждого ресурса в общем формате, который страница умеет просматривать.

Самая медленная картинка может оказаться ниже первого экрана. Другая, чуть быстрее, способна задержать заголовок, ради которого читатель пришёл. Resource Timing показывает дорогу файла, а не его роль в композиции. Редактору и инженеру нужно соединить журнал с расположением элементов. Тогда есть смысл выбирать, уменьшать ли изображение, менять доставку, переставлять порядок или откладывать запрос.

После этого фраза «страница тормозит» получила продолжение. «Эта картинка ждала здесь, стили использовали готовое соединение, а внешний поставщик не открыл подробности» — уже список проверок. Секундомер сам ничего не чинит. Зато главной картинке теперь трудно обвинить таблицу стилей, не предъявив собственный табель.