Tempo de carga da Página no Google Chrome ou Mozilla Firefox

Há alguma forma de verificar quanto tempo demora a página a carregar?

editar:

Vou alargar um pouco a pergunta. Diz que estás a trabalhar num ASP.NET projeto e quando você executar o seu projeto dentro do estúdio Visual há algum tempo de carregamento antes que você possa ver a sua página inicial renderizada na tela e pronto para usar.

Se este site fosse ao vivo, o tempo de carga deveria ser diferente do tempo de carga ao iniciar o seu projecto a partir do Visual Studio.

O que foi? Eu gostaria de ver é qual seria o tempo de carga real se o web site estava em um servidor.

Editar 2: Resposta

Cromo - > Botão Direito - > Inspeccionar Elemento - > Página De Rede. Quando você carrega uma página há um relatório agradável para a linha do tempo da página que mostra o tempo de carga real da página, css, js etc. carregamento. Há uma ferramenta similar no Mozilla sob a Página Net.

Author: Anton Belev, 2013-06-12

5 answers

Quanto ao Firefox, o op já respondeu à sua própria pergunta (Menu - Programador Web - rede ou Ctrl + Shift + K - rede ou Ctrl + Shift + Q), mas gostaria de mencionar a aplicação".Monitor de Velocidade da página de telemetria " addon, que não requer que você abra a consola da web primeiro. Ele vai apenas mostrar o tempo de carga em ms na barra de Estado (ele vai até mostrar detalhes quando você clicar nele).
https://addons.mozilla.org/en-US/firefox/addon/apptelemetry/
A única desvantagem parece ser a Botão Facebook / Twitter.

Quanto ao cromo/crómio, apoio a sugestão do Andy Davies, o' plugin ' de tempo de carga da Página é fantástico, mostra o tempo de carga ao lado da barra de localização e também fornece detalhes.
 10
Author: basic6, 2015-07-03 15:50:43

Note também que agora pode obter isto através do javascript através do objecto window.performance (Chrome, Firefox e IE9+).

Tenta isto:

window.onload = function(){
  setTimeout(function(){
    var t = performance.timing;
    console.log(t.loadEventEnd - t.responseEnd);
  }, 0);
}
Mais informações aqui: http://www.html5rocks.com/en/tutorials/webperformance/basics/
 6
Author: lambinator, 2014-03-10 18:28:18

Como @nick-rtz eu uso webpagetest para testes sérios, se você quiser um olhar rápido em tempo de carga e não quiser usar o dev, ferramentas esta extensão do google Chrome vai ajudar - https://chrome.google.com/webstore/detail/page-load-time/fploionmjgeclbkemipmkogoaohcdbig

 3
Author: Andy Davies, 2013-06-12 19:37:33

Uso esta ferramenta: http://www.webpagetest.org/ Mas é para locais ao vivo. Se você quiser comparar arquivos locais que não seriam representativos do uso atualy, mas você pode querer medir os tempos de renderização e não apenas os tempos de transporte. Note que os tempos de carga dependem de onde geograficamente no planeta o Usuário é relativo ao servidor.

 2
Author: Niklas Rosencrantz, 2013-06-12 06:45:22

Para o loadtime de um site que é ao vivo, eu também iria olhar para monitoramento de usuário Real (aka RUM) para obter dados de desempenho de seus usuários reais em produção. Você pode fazer isso com projetos de código aberto como Boomerang e Bucky ou ir com um vendedor. Os dados são inestimáveis! A ferramenta mencionada por @vikramvi ajuda-o a acompanhar o desempenho da Página no dev/test e ajuda a prevenir a regressão do desempenho no início do ciclo dev.

 -1
Author: mverkerk, 2018-01-05 06:57:41