Como esperar até que uma página seja carregada antes de renderizá-la?


3

Estou escrevendo um trabalho de pesquisa que inclui uma comparação entre dois aplicativos dinâmicos da web. Ou seja, eu quero comparar o tempo que leva para realizar uma tarefa semelhante em ambos os aplicativos. Eu sei que um dos dois é muito mais mal otimizado que o outro, resultando em uma velocidade de carregamento de página muito ruim, e eu não quero que esse aspecto interfira em um experimento UX.

Como tal, eu preciso bloquear a renderização de um site cujo servidor eu não tenho acesso até que esteja totalmente carregado e todos os recursos tenham sido buscados.

Não importa qual navegador, desde que seja capaz de exibir corretamente sites que são modernos. Existe algum tipo de plugin, script ou outro que eu poderia anexar a um navegador que faria isso?


Esta questão é provavelmente mais adequada para stackoverflow.com
Jarmund

Eu olhei para a bandeira sugerida pelo linuxdev2013, bem como um plugin do Chrome chamado Controle Anormal . Como a página em questão é realmente mal construído e ele primeiro aciona uma função DOM onload e, em seguida, processa corretamente a página, minha tarefa não é fácil de realizar. Eu vou tentar verificar um elemento via JS para ver se ele tem conteúdo e, em caso afirmativo, exibir a página.
Marko K

Respostas:


1

para chrome:

use chrome: / flags para exibir o stale-while-loading (ou o recarregamento pode fazer ambos)


1
Sua sugestão não é clara, porque não tenho certeza do que você está falando. Por favor, inclua o texto exato da bandeira a que você está se referindo, ou talvez uma captura de tela.
Wes Sayeed

stale-while-loading bandeira não está presente lá.
redbeam_

Ativar a diretiva de cache stale-while-revalidate Mac, Windows, Linux, SO Chrome, Android Ative a implementação experimental da diretiva Cache-Control: stale-while-revalidate. Isso permite que os servidores especifiquem que alguns recursos podem ser revalidados em segundo plano para melhorar a latência. # enable-stale-while-revalidate
linuxdev2013
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.