Optimizar el tiempo de carga con PageSpeed

Cuando tienes una página web es muy importante que cargue lo más rápido posible, lo cual no siempre es posible por tener un hosting en otro país por ser más barato, como es mi caso.

Voy a explicar como intentar optimizar el tiempo de carga con PageSpeed, un módulo para Apache desarrollado por Google.

En mi caso, Dreamhost ya tiene ese módulo instalado y sólo ha de activarse en aquellos dominios en que se quiera usar; lo que voy a hacer es añadir nuevas reglas para optimizar todo lo que se pueda, esto se hace en el archivo .htaccess, yo tengo lo siguiente:

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters remove_comments,rewrite_javascript,rewrite_css,rewrite_images
ModPagespeedEnableFilters elide_attributes,defer_javascript,move_css_to_head
ModPagespeedJpegRecompressionQuality -1
</IfModule>

Estas reglas hacen más o menos lo siguiente:

  • remove_comments – Quita los comentarios HTML (riesgo bajo)
  • rewrite_javascript – Minimiza JS (riesgo medio a alto, depende de tu página)
  • rewrite_css – Interpreta CSS, reescribe las imágenes y minimiza el CSS (riesgo medio)
  • rewrite_images – Comprime y optimiza imágenes (riesgo medio)
  • elide_attributes – Quita los atributos de las etiquetas (riesgo medio)
  • defer_javascript – Combina JS y lo coloca al final del archivo (riesgo alto Y experimental)
  • move_css_to_head – Combina CSS y lo mueve a la cabecera de tu archivo (riesgo bajo)

Existe una lista completa de los filtros completamente explicados y con todos los parámetros disponibles en PageSpeed Filters.