Si alguna vez has probado tu sitio de WordPress en una herramienta de prueba de velocidad, es probable que hayas visto aparecer la advertencia 'aprovechar el almacenamiento en caché del navegador'. Habilitamos el almacenamiento en caché del navegador en todos nuestros sitios para garantizar un rendimiento óptimo de WordPress como parte importante de nuestro proceso de optimización.
El almacenamiento en caché del navegador puede sonar técnico, pero el concepto es simple: le dice a los navegadores de los visitantes que almacenen ciertos archivos localmente para que no tengan que descargarlos nuevamente en visitas futuras. Esto puede reducir a la mitad el tiempo de carga de tu página, lo que significa visitantes más felices y mejores clasificaciones en los motores de búsqueda.
No necesitas ser un desarrollador para solucionar esta advertencia. Te mostraremos varios métodos sencillos para habilitar el almacenamiento en caché del navegador en tu sitio de WordPress, desde soluciones sencillas de plugins hasta ajustes manuales de código. Al final de esta guía, tendrás un sitio más rápido y una advertencia menos de la que preocuparte.
¿Qué es el almacenamiento en caché del navegador en WordPress?
El almacenamiento en caché del navegador es una forma de mejorar la velocidad de carga de tu sitio web de WordPress.
Normalmente, cuando se carga una página web, todos los archivos se cargan por separado. Esto crea múltiples solicitudes entre el navegador y tu servidor de hosting de WordPress, lo que aumenta el tiempo de carga de la página web.
Cuando el almacenamiento en caché del navegador está habilitado, tu navegador web almacena una copia de tu página web localmente. Esto permite que los navegadores carguen archivos comunes como hojas de estilo, logotipos e imágenes más rápido cuando el usuario visita una segunda página en tu sitio.
Esto reduce la carga general del servidor porque se harán menos solicitudes al servidor real, mejorando así la optimización del rendimiento y la experiencia del usuario.
¿Dónde verás la advertencia de ‘Aprovechar el almacenamiento en caché del navegador’?
La advertencia de ‘Aprovechar el almacenamiento en caché del navegador’ significa que no tienes habilitado el almacenamiento en caché del navegador, o que tu configuración de caché podría ser incorrecta.
Cuando ejecutas una prueba de velocidad de sitio web utilizando una herramienta como GTmetrix o Google PageSpeed Insights, obtendrás un informe que te mostrará qué puedes corregir para acelerar WordPress.
Si tu sitio web no está utilizando actualmente el almacenamiento en caché del navegador, recibirás una advertencia para habilitarlo.
Así es como puede verse al revisar los resultados de una herramienta de información de velocidad de página.
A veces recibirás una advertencia que dice que tu ‘política de caché eficiente’ no está funcionando.
Ambas advertencias se refieren a un error en la configuración de tu caché del navegador.
Si ves la advertencia de ‘Aprovechar el almacenamiento en caché del navegador’, significa que necesitarás activar y personalizar las reglas de caché para acelerar tu sitio.
Dicho esto, veamos cómo solucionar fácilmente la advertencia de ‘Aprovechar el almacenamiento en caché del navegador’ en WordPress utilizando dos métodos diferentes. Simplemente usa los enlaces rápidos a continuación para elegir el método que deseas usar:
- Solucionar la advertencia de ‘Aprovechar el almacenamiento en caché del navegador’ con WP Rocket
- Solucionar la advertencia de ‘Aprovechar el almacenamiento en caché del navegador’ usando código
- Preguntas frecuentes sobre cómo aprovechar el almacenamiento en caché del navegador
Método 1: Solucionar la advertencia de ‘Aprovechar el almacenamiento en caché del navegador’ con WP Rocket
WP Rocket es el mejor plugin de caché para WordPress del mercado. Es fácil de usar para principiantes y puede ayudarte a optimizar tu sitio para la velocidad, todo sin necesidad de conocer términos complejos de caché y velocidad.
Directamente al sacarlo de la caja, todas las configuraciones de caché recomendadas acelerarán realmente tu blog de WordPress.
Para solucionar la advertencia de 'Aprovechar el caché del navegador' con WP Rocket, todo lo que tienes que hacer es instalar y activar el plugin.
Eso es todo.
Para más detalles, puedes ver nuestra guía sobre cómo instalar y configurar WP Rocket correctamente en WordPress.
WP Rocket habilitará automáticamente el caché del navegador y modificará tu archivo .htaccess con las reglas correctas.
Nota: Si estás utilizando el hosting web de SiteGround, entonces puedes usar el plugin gratuito SiteGround Optimizer en su lugar. Tiene casi las mismas características que WP Rocket y habilitará automáticamente el caché del navegador por ti.
Método 2: Solucionar la advertencia de 'Aprovechar el caché del navegador' usando código
El segundo método implica agregar código a tus archivos de WordPress. Si no has hecho esto antes, consulta nuestra guía para principiantes sobre cómo pegar fragmentos de la web en WordPress.
Este método no es tan amigable para principiantes, así que por favor síguelo solo si sabes exactamente lo que estás haciendo. Para la mayoría de los dueños de negocios, recomendamos usar el Método 1.
Dicho esto, veamos cómo solucionar la advertencia de 'Aprovechar el caché del navegador' agregando código a WordPress.
Nota: Antes de personalizar el código de tu WordPress, te recomendamos hacer una copia de seguridad de tu sitio de WordPress. Para más detalles, consulta nuestra guía sobre cómo hacer una copia de seguridad y restaurar tu sitio de WordPress.
Determina si tu sitio web está ejecutando Apache o Nginx
Primero, necesitas averiguar si tu sitio web está utilizando servidores Apache o Nginx.
Para hacer esto, abre tu sitio web en una pestaña o ventana nueva. Luego, haz clic derecho y selecciona la opción 'Inspeccionar'.
A continuación, haz clic en la pestaña 'Network' (Red) en la parte superior de la página.
Es posible que necesites actualizar la página para que los resultados se carguen.
Después de eso, haz clic en el nombre de tu dominio en la columna ‘Nombre’.
Debería estar en la parte superior de la página.
Luego, en la sección ‘Response Headers’ (Encabezados de respuesta), verás un elemento llamado ‘server’ donde se muestra el tipo de servidor.
En este caso, el sitio se está ejecutando en un servidor Apache.
Agrega encabezados Cache-Control y Expires en Apache
Para corregir la advertencia ‘Aprovechar el almacenamiento en caché del navegador’ con un servidor Apache, vas a agregar código a tu archivo .htaccess.
Para editar este archivo, necesitas conectarte a tu cuenta de hosting de WordPress con un cliente FTP o la herramienta de administrador de archivos de tu host.
Una vez que estés conectado, podrás ver tu archivo .htaccess en la carpeta raíz de tu sitio web.
Si no puedes encontrarlo, no te preocupes. A veces, este archivo puede estar oculto. Para más detalles, consulta nuestra guía sobre por qué no puedes encontrar el archivo .htaccess en tu sitio de WordPress.
A continuación, necesitas agregar encabezados de control de caché y/o encabezados Expires para activar el almacenamiento en caché del navegador. Esto le indica al navegador web cuánto tiempo debe almacenar los recursos de tu sitio web antes de que se eliminen.
- El encabezado cache-control proporciona detalles específicos al navegador web sobre cómo se debe realizar el almacenamiento en caché.
- El encabezado expires habilita el almacenamiento en caché y le indica al navegador web cuánto tiempo debe almacenar archivos específicos antes de ser eliminados.
Puedes agregar el siguiente código a tu archivo .htaccess para agregar encabezados expires:
## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 3 days"
</IfModule>
## EXPIRES HEADER CACHING ##
Este código establece diferentes fechas de expiración de caché según el tipo de archivo.
Después de eso, puedes agregar el siguiente código para habilitar el control de caché:
<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
Header set Cache-Control "max-age=96000, public"
</filesMatch>
Este código establece el tiempo de expiración para cuando la caché necesite ser actualizada. En el ejemplo anterior, la caché expirará en 90,000 segundos.
No olvides guardar el archivo después de editarlo. Después de eso, el navegador web solicitará nuevas versiones de los archivos.
Agrega encabezados Cache-Control y Expires en Nginx
Si estás utilizando un servidor web Nginx para alojar tu sitio de WordPress, entonces puedes editar el archivo de configuración del servidor para corregir el error de caché del navegador.
La forma en que editas y accedes a este archivo depende de tu host, por lo que puedes contactar a tu proveedor de hosting si necesitas ayuda para acceder al archivo.
Luego, necesitas agregar el siguiente código para añadir encabezados de expiración:
location ~* \.(jpg|jpeg|gif|png|svg)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 3d;
}
Este código establecerá los tiempos de expiración para los diferentes tipos de archivo. Nota que las imágenes se almacenan en caché por más tiempo que los archivos HTML, CSS, JS y otros tipos de archivo, ya que las imágenes usualmente permanecen iguales.
Después de eso, puedes agregar el siguiente código para añadir encabezados de control de caché:
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
expires 14d;
add_header Cache-Control "public, no-transform";
}
Este código establece el tiempo para cuando la caché expirará. Le dice a tu servidor que los tipos de archivo anteriores no cambiarán por 14 días.
Si buscas acelerar aún más WordPress, entonces asegúrate de consultar nuestra guía sobre cómo mejorar la velocidad y el rendimiento de WordPress.
Preguntas frecuentes sobre cómo aprovechar el almacenamiento en caché del navegador
Aquí tienes algunas de las preguntas más comunes sobre cómo solucionar la advertencia de 'aprovechar el almacenamiento en caché del navegador' en WordPress. Estas respuestas te ayudarán a comprender mejor el almacenamiento en caché del navegador y a solucionar cualquier problema que puedas encontrar.
1. ¿Qué significa la advertencia de 'aprovechar el almacenamiento en caché del navegador'?
La advertencia de 'aprovechar el almacenamiento en caché del navegador' aparece cuando tu sitio de WordPress no le indica a los navegadores de los visitantes que almacenen archivos localmente para visitas futuras. Esta advertencia aparece en herramientas de prueba de velocidad como Google PageSpeed Insights y GTmetrix cuando tu sitio podría cargarse más rápido al habilitar el almacenamiento en caché del navegador. Esencialmente, significa que te estás perdiendo una forma sencilla de mejorar el rendimiento de tu sitio.
2. ¿Cuánto tiempo debo establecer los tiempos de expiración de la caché del navegador?
Para la mayoría de los sitios de WordPress, recomendamos establecer que las imágenes expiren después de 1 año, los archivos CSS y JavaScript después de 1 mes, y otros archivos estáticos después de 3-7 días. Las imágenes rara vez cambian, por lo que se pueden almacenar en caché por más tiempo, mientras que los archivos CSS y JS pueden actualizarse con más frecuencia. Siempre puedes ajustar estos tiempos según la frecuencia con la que actualices el contenido y el diseño de tu sitio.
3. ¿Habilitar el almacenamiento en caché del navegador romperá mi sitio web?
No, habilitar el caché del navegador no romperá tu sitio web. El caché del navegador solo afecta cómo se almacenan los archivos en los navegadores de los visitantes y no cambia los archivos reales de tu sitio web. Sin embargo, siempre recomendamos crear una copia de seguridad antes de hacer cualquier cambio en tu sitio, especialmente al editar código o archivos .htaccess manualmente.
4. ¿Necesito un plugin de caché si mi proveedor de hosting ofrece caché?
Si bien muchos proveedores de hosting ofrecen funciones básicas de caché, un plugin de caché dedicado como WP Rocket generalmente ofrece opciones de optimización más completas. El caché a nivel de hosting a menudo se enfoca en el caché del lado del servidor, mientras que plugins como WP Rocket manejan el caché del navegador, la compresión de archivos y otras funciones de rendimiento. Puedes usar ambos juntos para obtener los máximos beneficios de velocidad.
5. ¿Por qué sigo viendo la advertencia después de habilitar el caché del navegador?
Si sigues viendo la advertencia de aprovechar el caché del navegador después de habilitarlo, podría haber algunas razones: la configuración de tu caché podría no estar configurada correctamente, tu CDN podría estar anulando la configuración, o la herramienta de prueba podría estar verificando resultados en caché. Intenta limpiar la caché de tu sitio, espera 24-48 horas para que los cambios se propaguen y luego ejecuta la prueba de velocidad nuevamente.
6. ¿Puede el caché del navegador causar problemas con las actualizaciones del sitio web?
El caché del navegador ocasionalmente puede hacer que los visitantes vean versiones desactualizadas de tu sitio después de que realices actualizaciones. Esto sucede porque su navegador está cargando la versión en caché en lugar de los nuevos archivos. La mayoría de los plugins de caché manejan esto automáticamente limpiando la caché cuando actualizas tu sitio. Si es necesario, también puedes indicar a los visitantes que limpien la caché de su navegador o usen la actualización forzada (Ctrl+F5) para ver la última versión.
Esperamos que este artículo te haya ayudado a aprender cómo solucionar fácilmente la advertencia de ‘Aprovechar el almacenamiento en caché del navegador’ en WordPress. También te puede interesar nuestra guía sobre cómo hacer una prueba de velocidad de sitio web correctamente y nuestras selecciones expertas de el hosting de WordPress más rápido para un sitio web veloz.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
¿Tienes alguna pregunta o sugerencia? Por favor, deja un comentario para iniciar la discusión.