Encuentre y arregle los cerdos en su sitio usando el complemento YSlow Firefox

Logotipo de YSLlowLa gente puede discutir sobre la definición de un buen sitio web desde el punto de vista estético. Pero técnicamente hablando, la velocidad es uno de los requisitos de un gran sitio web. Por lo tanto, si usted es propietario de un sitio web y quiere mantener contentos a sus visitantes, es importante tener su(s) sitio(s) siempre en la vía rápida.

Hay muchos factores que pueden influir en la velocidad de carga de un sitio web. Analizar y solucionar los problemas uno por uno podría ser una pesadilla para los no geeks que tienen uno o dos sitios web. Pero afortunadamente, hay YLento – un complemento de Firefox que ayudará incluso a los usuarios de tecnología más comunes a rastrear fácilmente a los cerdos en sus sitios web.

Obtenga, instale y configure los complementos

Puede instalar YSlow usando la función de búsqueda en el Administrador de complementos de Firefox, o también puede obtenerlo directamente desde Ypágina lenta.

Administrador de complementos de YSLow

Y después de la instalación, puedes ver el logo en la barra inferior de Firefox. Al hacer clic en él, se activará el complemento.

YSL bajo instalado

Sin embargo, tenga en cuenta que debe instalar y activar Firebug antes de usar YSlow. Y si eres usuario de Firefox 4 beta, actualmente no puedes usar YSlow porque la última versión de Firebug (en el momento de escribir este artículo) solo es compatible con Firefox 3.x.

YSLow Habilitar Firebug en la página

Si todo está configurado, haga clic en el botón YSlow mientras el sitio web que desea analizar está enfocado. YSlow se abrirá como una de las pestañas de Firebug. Puede elegir la opción de ejecutar siempre YSlow cada vez que se carga una página web, pero los usuarios comunes que solo desean analizar uno o dos sitios deben usar el proceso manual haciendo clic en el botón «Ejecutar prueba».

Firebug - Listo para YSlow

Hay varios conjuntos de reglas de prueba que puede usar según el tipo de sitio web que tenga. La mayoría de nosotros, los blogueros aficionados, querríamos usar el conjunto de reglas de «sitio pequeño o blog».

Lista de conjunto de reglas de YSLow

También puede editar los conjuntos haciendo clic en el botón «Editar» junto al menú desplegable del conjunto de reglas. Luego puede incluir/excluir elementos del conjunto. Puede obtener más información sobre un elemento al pasar el mouse sobre él.

Conjunto de reglas de edición de YSLow

El resultado de la prueba

Después de hacer clic en el botón «Ejecutar prueba», YSlow comenzará a analizar su sitio. Un breve momento después, le presentará el resultado completo con calificaciones generales, calificaciones individuales y notas breves sobre cada elemento.

Resultado de la prueba YSLlow - Grado

Puede obtener más información sobre un artículo en particular haciendo clic en el enlace «Leer más».

Resultado de la prueba YSLow - Ejemplos

También puede filtrar el resultado según las categorías.

Resultado de la prueba YSLow - Filtrar por

Junto a la pestaña «Grado» se encuentra la pestaña «Componentes». Este es el lugar para ver la lista de desglose de los componentes que pesan sobre la página que analiza.

Resultado de la prueba YSLow - Componentes

La pestaña «Estadísticas» le mostrará el resultado de una manera más gráfica. Puede comparar rápidamente el tamaño de cada componente con solo mirar el gráfico.

Resultado de la prueba YSLow - Estadísticas

Herramientas del oficio

Después del análisis viene la fase de fijación. YSlow proporciona a sus usuarios un conjunto de herramientas para mejorar el rendimiento de sus sitios web. Pero recuerde que YSlow solo llega a darle sugerencias de los elementos optimizados de sus sitios web. Todavía tiene que editar manualmente esos componentes usted mismo, reemplazando los antiguos con las versiones optimizadas sugeridas por YSlow.

YSLHerramientas bajas

Por ejemplo. puede hacer clic en el enlace «All JS Minified» para obtener un script más compacto y más pequeño. Luego inicie sesión en su servidor web y use esos scripts minificados para reemplazar los que usa en su sitio.

JavaScript minimizado YSLlow

Pero la herramienta que creo que sería más útil para la mayoría de nosotros es el Smush.it. Esta herramienta optimizará las imágenes que se encuentran en la página que analiza para que esas imágenes sean más pequeñas y más adecuadas para la web.

YSLlow Smushed

Haga clic en el enlace «All Smush.it» y deje que Smush.it haga el resto. Una vez que finaliza el proceso, puede descargar las imágenes comprimidas y usarlas para reemplazar las que usa en la página web.

YSLlow Smushed Imágenes

La herramienta también le permite cargar imágenes desde su disco duro y optimizarlas. Esto será muy útil para comprimir el tamaño de las imágenes antes de usarlas para la web.

YSLow Subir imágenes a smush

Sin embargo, tenga en cuenta que Smush.it cambiará el nombre de los archivos y usará el signo más (+) para reemplazar los espacios. Algunos sitios no le permiten usar caracteres no estándar para el nombre del archivo y es posible que sus imágenes optimizadas no se muestren correctamente. Por lo tanto, es posible que desee cambiar el nombre de las imágenes optimizadas antes de subirlas a la web.

Hay muchos más aspectos de YSlow que no se pueden describir aquí. Para más información, puede visitar Guía del usuario de YSlow.

Los propietarios de blogs de WordPress también pueden probar 3 métodos más para aligerar la carga y acelerar sus blogs.

¿Has probado YSlow? ¿Conoces otras herramientas para analizar y corregir los cerdos en tus sitios web? Comparta sus pensamientos y opiniones utilizando el comentario a continuación.

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada.