Пример использования HTML5 Navigation Timing API. Идея простая: время до начала
загрузки, время после е завершения, разность их и есть время загрузки. HTML5 Navigation Timing API поддерживает
интерфейс PerformanceTiming, публичные аттрибуты которого дают доступ к временным характеристикам загрузки.
Вот схема интерфейса. Слева указаны имеющиеся события, для которых можно определить callback-функции, а справа - временные параметры. Все индентификаторы достаточно мнемоничны.
Полное описание есть в спецификации HTML5:
А вот базовый JavaScript код, который использовался на данной странице:
var startTime = new Date().getTime();
function onLoadEventHandler() {
var latency = startTime - performance.timing.navigationStart;
alert('Время загрузки: ' + latency + 'ms');
}
|