google-chrome - reducir - navegadores

Tiempo de carga de la página en Google Chrome o Mozilla Firefox.

Question

¿Hay alguna forma de verificar cuánto tiempo tarda la página en cargarse?

EDITAR:

Voy a extender la pregunta un poco. Digamos que está trabajando en un proyecto ASP.NET y cuando ejecuta su proyecto dentro de Visual Studio, hay un tiempo de carga antes de que pueda ver su página de inicio representada en la pantalla y lista para usar.

Si este sitio web estuvo activo, el tiempo de carga debería ser diferente del tiempo de carga al iniciar su proyecto desde Visual Studio.

Lo que me gustaría ver es cuál sería el tiempo de carga real si el sitio web estuviera en un servidor.

EDIT 2: respuesta

Chrome -> Clic derecho -> Inspeccionar elemento -> Tabulación de red. Cuando carga una página, hay un buen informe para la línea de tiempo de la página que muestra el tiempo real de carga de la página, los tiempos de carga de css, js, etc. Hay una herramienta similar en Mozilla en la pestaña Red.

Answer 1

Como @ nick-rtz utilizo webpagetest para realizar pruebas serias, si desea echar un vistazo rápido al tiempo de carga y no quiere usar el desarrollador, las herramientas que esta extensión de Chrome ayudará: https://chrome.google.com/webstore / detail / page-load-time / fploionmjgeclbkemipmkogoaohcdbig

Answer 2

En cuanto a Firefox, el operador ya ha respondido a su propia pregunta (Menú - Desarrollador web - Red o Ctrl + Shift + K - Red o Ctrl + Shift + Q), pero me gustaría mencionar el "monitor de velocidad de la página app.telemetry. "addon, que no requiere que primero abra la consola web. Solo mostrará el tiempo de carga en ms en la barra de estado (incluso mostrará los detalles cuando haga clic en él).
https://addons.mozilla.org/en-US/firefox/addon/apptelemetry/
El único inconveniente parece ser el botón de Facebook / Twitter.

En cuanto a Chrome / Chromium, secundé la sugerencia de Andy Davies, el complemento de tiempo de carga de la página es increíble, muestra el tiempo de carga al lado de la barra de ubicación y también proporciona detalles.

Answer 3

Para el tiempo de carga de un sitio que está activo, también buscaría Real User Monitoring (también conocido como RUM) para obtener datos de rendimiento de sus usuarios reales en producción. Puede hacerlo usted mismo con proyectos de código abierto como Boomerang y Bucky o con un proveedor. ¡Los datos son invaluables! La herramienta mencionada por @vikramvi lo ayuda a rastrear el rendimiento de la página en dev / test y ayuda a prevenir la regresión del rendimiento al principio del ciclo de desarrollo.

Answer 4

Utilizo esta herramienta: http://www.webpagetest.org/ Pero es para sitios en vivo. Si desea hacer una prueba comparativa de los archivos locales que no serían representativos del uso actual, pero tal vez desee medir los tiempos de representación y no solo los tiempos de transporte. Tenga en cuenta que los tiempos de carga dependen del lugar geográfico en el planeta en el que el usuario se relaciona con el servidor.

Answer 5

También tenga en cuenta que ahora puede obtener esto a través de javascript a través del objeto window.performance (Chrome, Firefox e IE9 +).

Prueba esto:

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

Más información aquí: http://www.html5rocks.com/en/tutorials/webperformance/basics/