Prueba de la velocidad de carga de página con Firebug
- Compartir /
- 3 Comments / AJAX, CSS, Proceso / 8.24.08 / 3 Comentarios / /
Cuanto más me encuentro con JavaScript, más me empiezan a preocuparse por el peso de mis páginas. Con el uso de jQuery, mucho de lo que tradiotionally lado del servidor ahora se puede manejar en el lado del cliente con JavaScript.
Entonces, ¿cómo hace uno para medir el tiempo que tarda en cargar hay sitio web? Por otra parte, ¿cómo determinar qué archivos están tomando más tiempo de carga? La respuesta es el Grupo Red FireBug.
Para utilizar la red (la abreviatura de Red de Monitoreo) las herramientas que deben ir a la "red" en la pestaña activa y Firebug ellos.
Entonces, simplemente vuelve a cargar la página y ver como Firebug te dice el tiempo de carga de cada elemento de forma secuencial, si el elemento es un CSS, JavaScript o un archivo de imagen.
FireBug le ofrecerá un seguimiento en lo siguiente:
- XMLHttpRequest / AJAX seguimiento
- Examinar Cabeceras HTTP
- Si un archivo se ha almacenado en caché o no en caché
- Descomponerlo por tipo de archivo (CSS, imágenes, JavaScript, etc)
- Ver la línea de tiempo se desarrollan
8:30 AM Andreas / 8.25.08 / 8:30 AM
Yo recomendaría la extensión YSlow para Firebug para este tipo de pruebas. La red de la ficha es grande pero YSlow realmente te da un montón de consejos e información sobre cómo acelerar su sitio web.
También puede utilizar la consola a tiempo ciertas partes de su JS usando console.time () y console.timeEnd () (Más información aquí: http://getfirebug.com/logging.html).
12:34 PM zuborg / 9.15.08 / 12:34p.m.
Derecho, YSlow es específico de complemento de pruebas de rendimiento para Firebug
También recomiendo esta herramienta gratuita en línea: http://Site-Perf.com/
Requisitos que medir la velocidad de carga de la página y es (images / JS / CSS) como los navegadores de hacer y muestra el gráfico detallado de Niza - por lo que puede detectar fácilmente los cuellos de botella.
También algo muy útil es que esta herramienta es capaz de verificar la calidad de la red de su servidor (nivel de pérdida de paquetes y los retrasos de ping).
1:15 PM kevin / 9.15.08 / 1:15 PM
Very cool, thanks for adding para el puesto.