Как проверить время рендеринга (не DomContentLoaded и onLoad)?



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



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



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



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





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



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



  3. Jquery код захватывает данные json из переменной, определенной на шаге 1



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



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



[Edit]



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

541   1  

1 ответ:

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

Comments

    Ничего не найдено.