Paul Irish dijo recientemente en su Twitter acerca de una característica muy fresca en cromo Devtools! La guía tiempos pueden interpretar las cabeceras HTTP enviadas por la aplicación y proceso.
📊 ver métricas de su servidor de @ChromeDevTools a través de cabezales de sincronización de servidor. Gracias al desarrollador de Firebug desde hace mucho tiempo @sroussey para el parche. pic.twitter.com/OjDDIv0lLR
, Paul Irish (@paul_irish) 07 de febrero de 2017
es similar a la del Inspector de cromo de red:
para probar, haga clic con el botón derecho del ratón en esta página, ir a inspeccionar , ficha entonces de la red, actualice la página, haga clic en la característica principal que sube y haga clic en horarios.
la magia está en el bloque de horarios servidor más abajo. El navegador interpreta la cabecera especial Server-Timing y lo hace en la línea de tiempo.
usted puede probar esto en este sitio rápidamente, he usado el .htaccess magia:
$ cat .htaccess encabezado Agregar servidor-Timing ' cpu = 0,009; "CPU", mysql = 0.005; "MySQL" filesystem = 0.006; "Filesystem" '
el formato es bastante simple: la Rúbrica-sincronización de servidor puede contener una clave por defecto valor con una descripción adicional. El tiempo está escrito en segundos, por lo que el ejemplo anterior se traduce como:
cpu = 0,009; "Tiempo de CPU" == > 9ms en mysql CPU = 0.005; "Time" == > 5 ms en sistema de archivos de consultas MySQL = 0.006; "Filesystem" == > 6ms gastado en el sistema de ficheros
Obviamente, son valores fijos sólo arbitrarios, pero abre muchas oportunidades para la aplicación o el servidor web incluya encabezados depuración opcionales que pueden ser utilizado en el navegador para ver cómo pasó el tiempo del servidor.
Si desea incluir en su aplicación, es sólo una cuestión de establecimiento de la cabecera Server-tiempo correcta con el formato correcto, el cromo interpreta el resto.
una característica tan genial!
***
Mattias Geniar es parte del equipo de columnistas internacionales de Neowin. La traducción del artículo es hecha por Neowin, escrito con la autorización del autor, y pueden seguir el artículo en inglés en el enlace: https://ma.ttias.be/server-timings-chrome-devtools/
Comments
0 comments
Twitter
RSS