Tutoriales • Desarrollo
Configurando el módulo Google PageSpeed
En este artículo, se presentará el método para activar o desactivar selectivamente los filtros de PageSpeed relacionados con la opción adicional de SEO.
10
Vistas 2325Actualizado 3 aniPublicado el 04/06/2020por Alexandru Jurca
Introducción
- En caso de que la activación de la opción adicional de SEO y, por extensión, el módulo de Google PageSpeed creen diferencias no deseadas dentro del sitio, ya sea visual o funcionalmente, varios componentes del módulo pueden ser desactivados selectivamente editando el archivo .htaccess.
Requisitos
- Los detalles de acceso para el panel de control (Plesk o cPanel, dependiendo del caso), para editar el archivo .htaccess a través del Administrador de Archivos.
Pasos
- Para verificar si el módulo PageSpeed es responsable del problema encontrado, se puede desactivar todo el módulo, añadiendo en el archivo .htaccess, del directorio raíz del sitio, la siguiente línea:
ModPagespeed off
- Después de este paso, si el sitio se carga correctamente, las líneas añadidas anteriormente se eliminarán y el proceso continuará para identificar el elemento específico responsable de la visualización errónea.
- Un primer paso sería verificar los errores recibidos al cargar la página accediendo a ella con el Modo Desarrollador del navegador, siendo el atajo general para la activación F12 para los navegadores habituales. Por ejemplo, un error de carga para JS o CSS indicará un posible conflicto con los filtros de PageSpeed, que interactúan con estos elementos.
Para desactivar un filtro específico, la siguiente regla debe ser añadida al archivo .htaccess:
ModPagespeedDisableFilters nombre_del_filtro
Donde name_filter será reemplazado por el identificador deseado.
- Alternativamente, se puede cambiar el modo de funcionamiento de PageSpeed, de manera que puedas activar selectivamente cada elemento deseado configurando:
ModPagespeedRewriteLevel PassThrough
Luego, los elementos deseados para la activación se especificarán de la siguiente manera:
ModPagespeedEnableFilters filter_name
Además, nume_filtru será reemplazado por el identificador deseado.
- Un archivo .htaccess también se puede crear con estas reglas en un subdirectorio que contenga estilos (CSS, Javascript, HTML). De esta manera, las reglas preferenciales se aplicarán estrictamente a ese subdirectorio.
- Los elementos que se activan por defecto al habilitar la opción adicional de SEO son:
*Estos también son los identificadores que puedes usar en las reglas de .htaccess.
-
- add_head
Agrega un elemento de tipo <head> al documento si no existe ya. - combine_css
Combina múltiples elementos CSS en uno. - combine_javascript
Combina múltiples elementos de JavaScript en uno solo. - remove_comments
Elimina los comentarios de los archivos HTML procesados. Sin embargo, no elimina los comentarios en CSS o JavaScript en línea. - sprite_images
Combina las imágenes de fondo de CSS en un solo Sprite. - collapse_whitespace
Elimina los espacios vacíos de los archivos HTML, excluyendo las etiquetas: "pre, script, style, textarea" - lazyload_images
Carga imágenes solo cuando se vuelven visibles en la página. - convert_meta_tags
Añade un "encabezado de respuesta" para cada "meta" tag con un atributo "http-equiv". - extend_cache
Extiende el tiempo de retención para la caché relacionada con imágenes, elementos CSS y scripts que no han sido optimizados, firmando las URLs con un hash de contenido.
Los siguientes filtros están activados implícitamente si extend_cache está habilitado:
extend_cache_css
extend_cache_images
extend_cache_scripts
Para un mayor nivel de control, los filtros mencionados anteriormente se pueden activar individualmente - fallback_rewrite_css_urls
Reescribir URLs para recursos que no pudieron ser minimizados o procesados desde archivos CSS. - flatten_css_imports
Reemplaza recursivamente cada regla @import con el contenido del archivo CSS importado para reducir el número de solicitudes externas. - inline_css
Añade pequeños recursos CSS externos al documento HTML en forma inline. - inline_import_to_link
Transformaciones "style" etiquetas que contienen solo CSS @import en etiquetas equivalentes "link" - inline_javascript
Reescribe recursos JS de tamaño pequeño como inlines dentro del documento HTML. - rewrite_css
Reescribe archivos CSS para eliminar comentarios y espacios en blanco excesivos. - rewrite_images
Optimiza las imágenes modificándolas y eliminando píxeles extra.
Además, agrega pequeñas imágenes como inlines en el documento. - rewrite_javascript
Reescribe archivos JavaScript, elimina espacios en blanco excesivos y comentarios. - rewrite_style_attributes_with_url
Reescribe CSS de los atributos de estilo si contiene el texto "url(" utilizando el filtro filturl rewrite_css configurado.
- add_head