Eu gostaria de medir o tempo de carregamento de uma página usando JavaScript. Como assim?
- Quando alguém acessar minha página eu quero começar a medir o tempo de carregamento.
- Caso este tempo de carregamento ultrapasse, por exemplo, 500 ms eu quero exibir um link sugerindo a utilização de uma versão mais simples da página, pois está claro pra mim que a conexão deste usuário é lenta.
Existe algum script que faça isso?
EDIT
Tive boas resposta, mas não tive uma resposta exatamente como eu esperava. Eu tenho certeza que existem abordagens mais elegantes do que colocar um timer na página. Eu quero identificar gargalos para chegar num padrão de excelência no quesito velocidade.
Achei interessante a abordagem usando o window.performance.timing.
Este exemplo no SOen aparentemente chega próximo do quê procuro. Alguém já utilizou esta abordagem?
EDIT 2
Para que eu não pareca chato nos comentários, gostaria de fornecer mais algumas informações:
O objeto Date do JavaScript resolve parte do meu problema, mas não com o nível de excelência que espero.
- Primeiro por que ele não é preciso;
- Segundo que com ele não consigo medir a latência da rede.
A latência é muito importante pois estou tomando uma decisão entre um serviço na nuvem (www.parse.com) e um servidor de aplicação (Java + Wildfly) também na nuvem.
O parse me oferece uma velocidade de desenvolvimento fantástica, mas será que o tempo de resposta é satisfatório? Será que o Wildfly, mesmo estando também na nuvem, vai me responder com maisvelocidade? Preciso de métricas para isso, e o Date não vai me dar todas as métricas que quero.
window.performance.timing
talvez seja uma boa via...