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 | Sí | Añade un elemento <head> en el documento si no está presente. |
| combine_heads | Sí | 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 | Sí | 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 | Sí | Combina elementos CSS en un elemento. |
| rewrite_css | Sí | 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 | Sí | 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 | Sí | Remueve espacios y comentarios de archivos de javascript. |
| combine_javascript | No | Combina archivos de javascript en un archivo |
| inline_css | Sí | Mueve archivos pequeños de CSS al documento HTML. |
| inline_javascript | Sí | 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 | Sí | 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 | Sí | Incluido automáticamente por rewrite_images. Cambia imágenes pequeñas utilizando url de data:. |
| recompress_images | Sí | 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 | Sí | 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 | Sí | 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 | Sí | 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
