Avisos
Vaciar todo

Publica recursos estáticos con una política de caché eficaz  

 
Patricia
 Patricia
Usuario eminente

Hola!

Estoy intentando mejorar el rendimiento de mi web y uno de los errores que me aparecen en P

agespeed es el de "Publica recursos estáticos con una política de caché eficaz" (adjunto captura). Estoy usando WP Rocket, Cloudflare y también tengo activado en webempresa Magic Caché y en WP Rocket activada la opción de Varnish.

¿Cómo puedo solucionarlo? 

Muchas gracias!

Captura de pantalla 2024 09 21 a las 13.07.53

Contenido solo visible a usuarios registrados

Citar
Respondido : 21/09/2024 12:11 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Patricia,

Primero que nada lo que nos muestras desde PageSpeed más que un error es una alerta

Esta alerta dependiendo del caso puede ser omitida, ya que el simple hecho de usar un plugin de optimización y gestión de cache como WP Rocket además de contar con las ventajas del CDN de Cloudflare es más que suficiente 

Dicha alerta no afectará en la calificación general y mas alla de las puntuaciones de PageSpeed no representa el rendimiento ni velocidad de carga de tu sitio web

Saludos!

ResponderCitar
Respondido : 21/09/2024 6:27 pm

Patricia
 Patricia
Usuario eminente

@bruno-vichetti

Hola! 

Y no hay algo que se pueda hacer para que no me salga esa alerta? 

Muchas gracias! 

ResponderCitar
Respondido : 22/09/2024 10:06 am
Luis Méndez Alejo
 Luis Méndez Alejo
Moderador Moderator

Hola,

Podrías utilizar algunos plugins que existen para ocultar avisos en el dashboard de WordPress, como por ejemplo:

- Disable Admin Notices Individually
- Hide Admin Notices

O incluso añadir una "acción" en functions.php o a través de plugins como Code Snippets para eliminar los avisos relacionados con "Salud del sitio":

add_action('admin_init', 'remove_site_health_notices');

function remove_site_health_notices() {
remove_action('admin_notices', 'wp_site_health_notices');
}

Pero ninguna de estas prácticas es recomendable, ya que la misión de "Salud del sitio" es informarte del estado de salud de tu instalación de WordPress, y mostrarte indicaciones de mejoras en el sitio, aunque no todas ellas son aplicables, a fin de cuentas algunas son solo eso "avisos o indicaciones" y no hay que llevarlas todas a término.

Se trata de buscar un equilibrio entre la usabilidad de tu sitio web y que la instalación funcione sin "errores" y como bien te comentaba mi compañero, los avisos no necesariamente son errores que haya que solucionar.

Espero haberte sido útil. 🤗

ResponderCitar
Respondido : 22/09/2024 10:17 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Patricia.

Si te das cuenta es externo a tu cuenta de hosting, lo que muestras es de Cloudflare Web Analytics y supongo que es del plugin de Cloudflare que estas utilizando.

Puedes aplicar algunas reglas desde la plataforma de CloudFlare pero no se hasta que punto llegara a solucionarse ya que cada instalación es distinta.

 

Para implementar una política de caché eficaz en Cloudflare para recursos estáticos (como imágenes, archivos CSS y JavaScript), puedes seguir los siguientes pasos:

1. Usar la Caché Automática de Cloudflare:

  • Cloudflare, de manera predeterminada, almacena en caché recursos estáticos automáticamente en su red de servidores.
  • Asegúrate de que la opción de Caché Automática esté habilitada en el panel de control de Cloudflare:
    1. Ve al Panel de Cloudflare > selecciona tu dominio.
    2. En el menú, selecciona Caché > Configuración de Caché.
    3. Activa la opción de Almacenamiento Automático en Caché para recursos estáticos.

2. Configurar Reglas de Páginas para una Política de Caché Específica:

  • Si deseas un control más detallado, puedes crear Reglas de Página para especificar la caché para recursos específicos.
    1. Ve al Panel de Cloudflare > selecciona tu dominio.
    2. En el menú lateral, selecciona Reglas > Reglas de Páginas.
    3. Crea una regla que coincida con tus recursos estáticos (por ejemplo, *.tudominio.com/*.jpg para imágenes JPG).
    4. Configura la opción de Almacenamiento en Caché a Caché Todo y selecciona un tiempo de expiración (por ejemplo, 1 mes).

3. Optimización de Cabeceras HTTP Cache-Control:

  • Configura los encabezados HTTP en tu servidor web para controlar la política de caché de tus recursos estáticos. Esto puede hacerse añadiendo el siguiente código al archivo .htaccess:

<FilesMatch "\.(jpg|jpeg|png|gif|css|js|ico|webp|woff|woff2)$">
ExpiresActive On
ExpiresDefault "access plus 1 year"
Header set Cache-Control "public, max-age=31536000, immutable"

 

4. Habilitar Brotli y Compresión Automática:

  • Cloudflare también ofrece compresión Brotli, que es una alternativa más eficiente a GZIP. Asegúrate de habilitarla en el panel de control para reducir el tamaño de los archivos que se entregan a los usuarios.
    1. Ve al Panel de Cloudflare > selecciona tu dominio.
    2. Selecciona Velocidad > Optimización.
    3. Habilita la opción Compresión Brotli.

5. Verificar y Purgar la Caché de Cloudflare:

  • Después de realizar cambios importantes en los recursos estáticos, es recomendable purgar la caché para que los usuarios vean las versiones actualizadas.
    1. En el Panel de Cloudflare > selecciona tu dominio.
    2. Selecciona Caché > Purgar Todo o purga solo archivos específicos.

 

Como te comentaba mi compañero, no es ningún error,  personalmente no me calentaria la cabeza y lo dejaria como esta, tienes una carga muy buena y la puntuación de Page Speed es muy buena tanto en Móvil como en PC.

Revisando en Pingdom veo que la pagina carga en 433 ms que no llega a un segundo, es un tiempo de carga muy bueno:

-> Contenido solo visible a usuarios registrados

 

No hagas nada y no te calientes la cabeza, al final puede ser peor el remedio que la enfermedad.

 

Un saludo

Esta publicación ha sido modificada el hace 3 meses 2 veces por Pepe
ResponderCitar
Respondido : 22/09/2024 10:35 am