Mejora la velocidad de carga de tu web con mod_pagespeed para Apache
Escrito el 3 noviembre, 2010 por Nacho Plaza
Hace ya un tiempo comenté algunos sencillos pasos para optimizar el tiempo de carga de tu web. Son una serie de buenas prácticas a cumplir y que puedes revisar si lo haces con herramientas como Page Speed o YSlow. Pero, ¿y si pudieras ahorrarte el trabajo de aplicar tú las optimizaciones y éstas se pudieran hacer de forma automática?
Google ha presentado hoy un módulo para servidores HTTP Apache llamado mod_pagespeed. Realiza muchas optimizaciones de velocidad de forma automática, sin necesidad de que el webmaster o programador tenga que preocuparse en demasiado del rendimiento.
Las mejoras del rendimiento se centran en la optimización de almacenamiento en caché, reducción de peticiones HTTP, minimización y optimización de recursos externos como imágenes, archivos CSS y JavaScript. Según las pruebas que han realizado con mod_pagespeed, la media del tiempo de carga de las páginas se ha reducido al 50%.
Algunos de los filtros u optimizaciones que pueden configurarse en mod_pagespeed son:
- Extend caché. Pretende mejorar el uso de la caché para los recursos externos de las páginas.
- Outline CSS. Mueve los estilos en línea a un archivo externo.
- Outline JavaScript. Mueve el código JavaScript en línea a un archivo externo.
- Combine CSS. Combina distintos archivos CSS en uno sólo para reducir las peticiones HTTP.
- Inline CSS. Inserta en el HTML fragmentos de código CSS que se encuentran en archivos externos para mejorar la velocidad de renderizado de la página.
- Inline JavaScript. Inserta en el HTML código JavaScript que se encuentra en archivos externos.
- Collapse Whitespace. Reduce el tamaño del archivo HTML eliminando espacios en blanco innecesarios.
- Combine Heads. Para páginas en las que existen varias etiquetas <head>, mueve los contenidos de estas etiquetas al primer <head> de la página.
- Elide Attributes. Reduce el tamaño del archivo HTML eliminando las etiquetas de atributos que tienen como valor asignado el valor por defecto.
- Minify Javascript Minimiza el código JavaScript que se encuentre en etiquetas <script>, sin tocar código de archivos .js externos.
- Optimize Images. Reescala y recomprime imágenes.
- Remove Comments. Elimina comentarios del código HTML.
- Remove Quotes. Elimina las comillas innecesarias del código HTML.
- Rewrite CSS. Minimiza el código CSS de etiquetas <style> y <link>.
- Move CSS to HEAD. Mueve las etiquetas <link> que se encuentran después de la cabecera dentro de ésta (<head></head>).
- Add Head. Si el documento no tiene etiquetas de cabecera, las añade.
- Add Instrumentation. Añade dos pequeños fragmentos de código JavaScript para medir el tiempo que tarda el cliente en cargar y renderizar la página, y envía esa información al servidor.
Google ya está trabajando con la empresa de hosting GoDaddy para que sus más de 8.5 millones de clientes dispongan de mod_pagespeed en sus servidores, y la empresa Cotendo está también integrándolo en su red de CDNs.
Si quieres probarlo puedes descargar el módulo mod_pagespeed de Google Code, donde está liberado el código fuente para varias distribuciones de Linux. Sigue las instrucciones de instalación y configura los filtros a aplicar a tu manera.
Sin duda, perece una buena manera de mejorar la velocidad de carga de tu web de forma automática sin tener que pelearte tú mismo con las optimizaciones. Habrá que probarlo.
Via | Google Code Blog
Etiquetas: apache, mod_pagespeed, optimización, rendimiento
Categoría: optimización
Información Bitacoras.com…
Valora en Bitacoras.com: No hay resumen disponible para esta anotación…