Use YSlow Firefox add-on to analyze the performance of your web site Use YSlow Firefox agregación a analizar el rendimiento de su sitio web

Posted on August 3, 2007 at 3:53 pm Enviado el 3 de agosto de 2007 a 3:53 horas

Make sure to read other posts from the FireFox YSlow series! Asegúrese de leer otros puestos de la FireFox YSlow serie!

Use YSlow Firefox add-on to analyze the performance of your web site Use YSlow Firefox agregación a analizar el rendimiento de su sitio web
How I increased by blog’s load speed by 50% using YSlow How I aumentó en un blog de la velocidad de carga de 50% gracias YSlow

YSlow is a FireFox add-on from Yahoo that you can use to help analyze the performance of your web site and determine why your web pages are slow to load based on the YSlow es un FireFox complemento de Yahoo que puede utilizar para ayudar a analizar el rendimiento de su sitio web y determinar por qué sus páginas web son lentos para cargar sobre la base de la rules for high performance web sites Normas para los sitios web de alto rendimiento . YSlow integrates with YSlow integra con Firebug Firefox web development add-on, so you’ll need to install that first. Firefox desarrollo web complemento, por lo que también necesitará la instalación de la primera.

YSlow will generate an overall performance scorecard for your page, a complete HTML/HTTP summary, a list of components on the page, and other cool tools like JSLint. YSlow generará un rendimiento global de puntuación de su página, un completo HTML / HTTP resumen, una lista de componentes en la página, y atractivas herramientas como JSLint. There are 13 rules for high performance web sites: Hay 13 reglas para los sitios web de alto rendimiento:

According to Yahoo, this tool has helped to increase the performance of about 50 Yahoo sites by 25 to 50%. Según Yahoo, esta herramienta ha ayudado a aumentar el rendimiento de unos 50 Yahoo sitios del 25 al 50%. Once installed, browse to the page you want to analyze, click on Tools , then FireBug , and choose Open FireBug . Una vez instalado, vaya a la página que desea analizar, haga clic en Herramientas, luego FireBug, y elegir Abrir FireBug.

Firebug

You’ll now see a docked bar across the bottom where you can inspect every aspect of the web site. Podrás ver una barra acoplado en la parte inferior donde se puede inspeccionar todos los aspectos de la página web. Go ahead and click on YSlow at the far right. Seguir adelante y hacer clic en YSlow en el extremo derecho. There are four main tabs in YSlow: Performance, Stats, Components, and Tools. Hay cuatro pestañas en YSlow: resultados, Stats, Componentes y Herramientas. Click on Performance to get your report card score: Haga clic en la ejecución para obtener su tarjeta de informe Resultado:

Yslow rendimiento Analyzer

As you can see from above, my blog is not quite optimized yet!! Como se puede ver desde arriba, mi blog no es muy optimizado aún! OUCH! ¡Ay! I will certainly be working on this problem very soon! Desde luego, estar trabajando en este problema muy pronto! You get a score for each of those thirteen performance points. Usted obtiene una puntuación para cada uno de los trece puntos de rendimiento. Click on Stats and you’ll see exactly how many style sheets, JavaScript files, and images that were loaded. Haga clic en Estadísticas y verá exactamente cuántas hojas de estilo, JavaScript archivos, y las imágenes que se cargaron. You’ll get the total size of the page and the total number of HTTP requests. Obtendrá el tamaño total de la página y el número total de peticiones HTTP.

Click on Components to get a list of what each request was, the response time, the size, and the eTag. Haga clic en Componentes para obtener una lista de lo que cada petición es, el tiempo de respuesta, el tamaño, y la eTag.

Finally, under tools you can use JSLint to find any problems with your JavaScript files. All JS and All CSS combines all of the separate files into one file. Por último, en virtud de las herramientas que puede utilizar JSLint para encontrar cualquier problema con su JavaScript archivos. Todos los JS y CSS Todos combina todos los archivos separados en un solo archivo. The Printable View option is very convenient since it puts all of the data from all of the tabs together for easy printing. La opción de imprimir ver es muy conveniente, ya que pone toda la información de todas las pestañas juntos para impresión.

Overall, a very essential add-on if you have a web site and want to optimize it so that web pages load as fast as possible. En general, un complemento esencial si usted tiene un sitio web y desea optimizar de forma que las páginas web de carga con la mayor rapidez posible.

Technorati Tags: Technorati Tags: website performance Sitio web de la ejecución , measure website performance Medir el rendimiento sitio web , analyze website performance Analizar el rendimiento sitio web , load website faster Sitio web de carga más rápido , increase website performance Aumentar el rendimiento sitio web , webpage loads slowly Página web cargas lentamente , website performance tool Sitio web de la ejecución del instrumento , yslow Yslow , firebug Firebug , firefox add-on La agregación de Firefox