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 1739Actualizado 2 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, agregando en el archivo .htaccess, desde el 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