Cómo utilizar mod_pagespeed para optimizar y acelerar su página web

Filtros de pagespeed

Pagespeed incluye una variedad de filtros. Los filtros designados Core son los filtros principales que se habilitan si utiliza el archivo pagespeed.conf por defecto. Aunque como ya se mencionó puede personalizar esa configuración y utilizar filtros específicos. El siguiente cuadro incluye una breve descripción de cada filtro e indica cuales forman parte de los filtros principales.

Filtro Principal Descripción
add_head Añade un elemento <head> en el documento si no está presente.
combine_heads Combina elementos <head> si existe más de uno en el documento.
strip_scripts No Elimina scripts, como javascript para experimentos
inline_import_to_link Elimina @import para CSS del documento y los convierte en etiquetas equivalentes de <link>.
outline_css No Mueve grandes cantidades de comandos CSS a un archivo externo que se puede utilizar en un cache.
outline_javascript No Igual que la opción de CSS, mueve comandos de javascript a archivos externos para utilizar un cache.
move_css_above_scripts No Mueve elementos de CSS encima de las etiquetas <script> en el documento.
move_css_to_head No Mueve los elementos CSS al la parte head del documento.
combine_css Combina elementos CSS en un elemento.
rewrite_css Remueve espacios y comentarios de los archivos CSS.
rewrite_style_attributes No Cambia los atributos de estilo CSS utilizando el filtro rewrite_css.
rewrite_style_attributes_with_url Cambia sólo los atributos de estilo CSS que contienen url.
flatten_css_imports No Mueve todos los CSS al documento que se utilizan por medio de un @import.
make_google_analytics_async No Convierte el código de Google Analytics a asincrónico.
rewrite_javascript Remueve espacios y comentarios de archivos de javascript.
combine_javascript No Combina archivos de javascript en un archivo
inline_css Mueve archivos pequeños de CSS al documento HTML.
inline_javascript Mueve archivos pequeños de javascript al documento HTML.
local_storage_cache No Mueve recursos inline al almacenamiento HTML5.
insert_ga No Agrega el código de Google Analytics a cada página.
rewrite_images Optimiza imágenes, codificando cada uno de nuevo, eliminando pixeles extras, e incluyendo imágenes pequeñas inline en el documento
convert_jpeg_to_progressive No Convierte imágenes jpeg grandes en imágenes progresivos.
convert_png_to_jpeg No Convierte imágenes png o gif a jpeg.
convert_jpeg_to_webp No Convierte imágenes webp a jpeg para navegadores que pueden leerlo.
insert_image_dimensions No Agrega dimensiones a los atributos de la etiqueta img si no lo tiene.
inline_images Incluido automáticamente por rewrite_images. Cambia imágenes pequeñas utilizando url de data:.
recompress_images Incluido automáticamente por rewrite_images. Vuelve a comprimir las imágenes, eliminando el exceso de los metadatos y convirtiendo archivos gif en png.
resize_images Incluido automáticamente por rewrite_images. Cambia el tamaño de imágenes para corresponder a las dimensiones especificadas en la etiqueta img.
inline_preview_images No Utiliza imágenes inline de baja calidad como marcadores de posición que serán reemplazadas con las imágenes originales una vez que la página web sea cargada.
resize_mobile_images No Igual que inline_preview_images pero para navegadores móviles.
remove_comments No Elimina comentarios en archivos HTML, pero no javascript o CSS.
collapse_whitespace No Elimina espacios en archivos HTML sin modificar las etiquetas pre, script,style y textarea.
elide_attributes No Elimina los atributos que no son significativos de acuerdo a la especificación HTML.
extend_cache Extiende la vida de cache de todos los recursos mediante la firma de las direcciones URL con un hash de contenido.
sprite_images No Combina imágenes de fondo especificadas en CSS en un sprite
rewrite_domains No Cambia el dominio de recursos no configurados por pagespeed utilizando ModPagespeedMapRewriteDomain y ModPagespeedShardDomain.
trim_urls No Acorta los URL al hacerlos relativos al URL de base.
remove_quotes No Elimina las comillas innecesarias en atributos HTML.
add_instrumentation No Agrega un archivo javascript a la página para medir la velocidad.
convert_meta_tags Agrega un encabezado de respuesta para cada meta etiqueta con un atributo http-equiv equivalente.
defer_javascript No Retrasa la ejecución de archivos javascript hasta que la página termine de cargar. Esta opción puede acelerar la página web, pero también puede dar resultados extraños en algunos archivos javascript. Asegurase de probarlo de antemano.
lazyload_images No Carga las imágenes cuando son visibles en el navegador. Esta opción no siempre funciona, particularmente con algunos javascript.

Puede encontrar una descripción actualizada, aunque en inglés, de todos los filtros en la página web de Google para pagespeed. En general, si no quiere probar los filtros uno por uno, o configurar pagespeed, puede utilizar las opciones que tiene por defecto con buenos resultados. Solo las opciones más seguras y estables son incluidas entre el grupo de filtros marcados Core o principales.

Consejos

Después de instalar mod_pagespeed o cambiar la configuración, tendrá que reiniciar Apache. Introduzca el siguiente comando:

  • Fedora/CentOS: /etc/init.d/httpd restart
  • Debian/Ubuntusudo service apache2 restart

Las opciones por defecto funcionan muy bien para la mayoría de las páginas web y es poco probable que causen errores. Pero puede optimizar la configuración aún más con un poco de tiempo y experimentación. Asegurase de no probarlo con su servidor principal, utilice una máquina de prueba o una máquina virtual