quantum para lite chrome alternative firebug

para - Huecos en el cuadro de la cascada de FireBug



firebug php (3)

Al probar el rendimiento de varias páginas web en mi aplicación web, noté que hay algunas brechas en la pestaña de red (gráfico de cascada) en firebug. En algunos casos, esto puede tomar la mitad del tiempo para toda la solicitud.

¿Qué causa generalmente estas brechas y cómo se pueden eliminar?


Jan Odvarko que trabajó en Firebug lo explica aquí:

http://www.softwareishard.com/blog/firebug/firebug-net-panel-timings/

Menciona las lagunas en el comentario # 18:

"Estas brechas representan un momento en el que no ocurrieron solicitudes, esto puede deberse, por ejemplo, a una ejecución de javascript en la página, que bloquea la descarga o la representación de la página, la resolución de CSS, etc."


La razón más obvia que se me ocurre (aparte de un error en Firebug) es que se ha cambiado el filtro para mostrar solo un subconjunto de solicitudes. Por ejemplo, solo puede estar mostrando archivos de Javascript, etc.

Su captura de pantalla no incluye los filtros ni los nombres de archivos, por lo que no puedo asegurarlo, pero parece ser la respuesta más obvia.

Inmediatamente encima del panel en tu captura de pantalla hay un bloque de filtros. Asegúrate de que tienes seleccionada la opción "Todos". Si tiene algo más seleccionado, entonces se esperan brechas.

La otra razón sería si tiene algunos elementos de página que se están recuperando por separado de la carga inicial, por ejemplo, a través de Ajax o carga diferida. Estos pueden cargarse muy pronto después de que la página se haya cargado, pero no inmediatamente, lo que lleva a espacios vacíos en su línea de tiempo.

Espero que ayude.


La razón principal por la que esto sucede es para los archivos que se cargan mediante scripts y archivos CSS.

  • Por ejemplo: CSS, las imágenes de fondo no comenzarán a cargarse hasta que se cargue un pequeño retraso después de que se cargue el archivo CSS que las vincula.

  • Muchas bibliotecas JS también cargan imágenes, CSS y / u otros archivos. Estas cargas no comenzarán hasta que se cargue el JS de llamada, más un pequeño retraso de procesamiento.

  • Las bibliotecas, o JS en línea, también pueden disparar cargas en el evento DOMContentLoaded (la línea púrpura) o el evento de load (línea roja).

  • Finalmente, obviamente, JS puede ejecutar AJAX que se activa después de cualquier tipo de demoras / intervalos.