Как проверить время рендеринга (не DomContentLoaded или onLoad)? - PullRequest
2 голосов
/ 04 марта 2011

Мне нужен способ или инструменты для проверки фактического воспринимаемого времени рендеринга, чтобы браузер отображал всю страницу пользователям. Какие-либо предложения?

Причина, по которой я спрашиваю, заключается в том, что firbug и Yslow только сообщают время DomContentLoaded и OnLoad.

Например, мое приложение сообщает 547ms (onLoad: 621ms) для содержимого. Но фактический контент отображается около 3 секунд. Я знаю это, потому что на самом деле я насчитал 1, 2, 3 медленно, с того момента, как я нажал ввод в поле URL браузера, и до того момента, когда контент появляется перед моими глазами. Таким образом, я знаю, что 547 мс и 621 мс не представляют фактическое время, необходимое для загрузки страницы.

Не уверен, поможет ли это. Но мое приложение

  1. визуализирует данные json на стороне сервера, сохраняет данные как переменную javascript вместе с остальной частью html страницы, прежде чем сервер вернет весь html в браузер

  2. страница загружает Jquery 1.5 и шаблон Jquery

  3. Код jquery извлекает данные JSON из переменной, определенной на шаге 1

  4. использовать шаблон jquery для отображения страницы.

Технически, здесь не задействован Ajax и все изображения на странице кэшируются. Я не вижу загрузок Firebug ни одного из них.

[Изменить]

Я пытаюсь выяснить, что после того, как firebug сообщил о времени загрузки, которое в моем случае составляет 621 мс, ко времени, когда страница заполнена и загружена в мои глаза (что составляет не менее 3 секунд), что случилось с 2.4s между? Что там произошло? Браузер что-то делает? Что-то блокирует? Сеть? что это?

1 Ответ

4 голосов
/ 04 марта 2011

В Google Chrome встроен превосходный аудит. Ваши результаты будут искажены, потому что это один из самых быстрых браузеров на данный момент, но он даст вам точные измерения того, сколько времени потребуется для Chrome для рендеринга.=)

...