La optimización del rendimiento web (Web Performance Optimization - WPO) es la labor que se realiza con el objetivo de mejorar la velocidad de descarga de nuestra web en el navegador del usuario que nos visita.
En “Posicionamiento web redescubierto” pensamos que la WPO es una tarea obligatoria del SEO dentro de la planificación de su estrategia de optimización web para mejorar la visibilidad de un sitio web en internet.
Sabemos que Google ordena los resultados de sus SERP’s según la suma de factores que contempla su algoritmo. El propio motor de búsqueda reconoce la importancia del rendimiento web dentro de estos factores que utiliza para ordenar sus resultados por relevancia.
En definitiva, cuanto más rápido descarga un sitio web mejor ranking.
Para poder trabajar el WPO podemos destacar dos herramientas que desde posicionamiento-web-redescubierto consideramos indispensables para la optimización de la velocidad de carga de las páginas web: Yahoo! YSlow y Google Page Speed.
Estos dos excelentes plugins son extensiones (add-on) para el navegador Firefox y se integran con la conocida herramienta de desarrollo web Firebug.
(NOTA: Actualmente, PageSpeed también lo tienes disponible para Chrome y puedes realizar test de velocidad online)
YSlow y PageSpeed analizan las páginas web, puntuan y nos sugieren las mejores prácticas para mejorar el rendimiento. Las actuaciones se realizan básicamente a nivel de contenido, servidor, cookies, CSS y Javascript, imágenes y móvil.
Destacamos los siguientes puntos clave:
1. Mejor una petición HTTP grande que muchas de pequeñas. Destacamos dos acciones: Combinar varios CSS o JS en uno y combinar imágenes o iconos en CSS Sprites. Esta última acción se puede realizar rápidamente desde la web spriten.website-performance.
2. Disminuir tamaño de las imágenes. La mayoría de las imágenes pesan mucho más de lo que debería. Existen muchas aplicaciones para optimizar esas imágenes (RIOT, imagemagick,etc.)
Por ejemplo, con la aplicacion RIOT (Radical Image Optimization Tool) podemos disminuir el tamaño de una imagen (en este caso, -50% quality) y podemos ver cómo queda:
3. Minimizar CSS y JS. Evitar partes de código repetido y comprimir estos ficheros. Existen herramientas cómo JSMin, CSS Compressor, etc.
4. Limitar componentes de 25K. El IPhone no cachea componentes de mayor peso. Hace poco no era importante pero con el éxito de internet móvil actualmente es necesario estos detalles.
En Posicionamiento web redescubierto os queremos animar a probar estas herramientas y experimentar con los resultados obtenidos.
Buen seo…