Время загрузки страницы в Google Chrome или Mozilla Firefox.

Есть ли способ проверить, сколько времени требуется для загрузки страницы?

EDIT:

Я немного продолжу вопрос. Предположим, вы работаете над проектом ASP.NET, и когда вы запускаете свой проект в Visual Studio, есть время загрузки, прежде чем вы сможете увидеть свою стартовую страницу, представленную на экране и готовую к использованию.

Если этот веб-сайт был активным, время загрузки должно отличаться от времени загрузки при запуске вашего проекта из Visual Studio.

То, что я хотел бы видеть, - это то, что будет фактическим временем загрузки, если веб-сайт был на сервере.

РЕДАКТИРОВАТЬ 2: Ответ

Chrome → Щелкните правой кнопкой мыши → Проверить элемент → вкладка "Сеть". Когда вы загружаете страницу, есть хороший отчет для временной шкалы страницы, показывающей фактическое время загрузки страницы, css, js и т.д. Время загрузки. В Mozilla есть аналогичный инструмент под вкладкой Net.

Ответ 1

Как и для Firefox, op уже ответил на свой вопрос (меню - веб-разработчик - сеть или Ctrl + Shift + K - сеть или Ctrl + Shift + Q), но я хотел бы упомянуть "app.telemetry Page Speed Monitor", который не требует от вас сначала открыть веб-консоль. Он просто покажет время загрузки в мс в строке состояния (даже если вы нажмете на него, будет отображаться подробная информация).
https://addons.mozilla.org/en-US/firefox/addon/apptelemetry/
Единственный недостаток - это кнопка Facebook/Twitter.

Что касается Chrome/Chromium, я предлагаю второе предложение Энди Дэвиса, Плагин времени загрузки страницы, это показывает время загрузки рядом с панель местоположения, а также предоставляет подробную информацию.

Ответ 2

Также обратите внимание, что теперь вы можете получить это через javascript через объект window.performance (Chrome, Firefox и IE9 +).

Попробуйте следующее:

window.onload = function(){
  setTimeout(function(){
    var t = performance.timing;
    console.log(t.loadEventEnd - t.responseEnd);
  }, 0);
}

Подробнее здесь: http://www.html5rocks.com/en/tutorials/webperformance/basics/

Ответ 3

Как @nick-rtz я использую webpagetest для серьезного тестирования, если вы хотите быстро посмотреть время загрузки и не хотите использовать dev, инструменты, которые это расширение Chrome поможет - https://chrome.google.com/webstore/detail/page-load-time/fploionmjgeclbkemipmkogoaohcdbig

Ответ 4

Я использую этот инструмент: http://www.webpagetest.org/ Но это для живых сайтов. Если вы хотите сравнить локальные файлы, которые не будут отображаться в реальном использовании, но вы можете измерить время рендеринга, а не просто время транспортировки. Обратите внимание, что время загрузки зависит от того, где географически на планете пользователь находится относительно сервера.

Ответ 5

Для времени загрузки сайта, который является живым, я также рассмотрю Real User Monitoring (aka RUM), чтобы получить данные о производительности от ваших реальных пользователей на производстве. Вы можете сделать это самостоятельно с проектами с открытым исходным кодом, такими как Boomerang и Bucky, или пойти с поставщиком. Данные бесценны! Инструмент, упомянутый @vikramvi, позволяет отслеживать производительность страницы в dev/test и помогает предотвратить регрессию производительности в начале цикла dev.