¿Qué es la caché del navegador en WordPress?

La caché del navegador permite guardar temporalmente en el dispositivo algunos archivos que ya se descargaron al visitar un sitio. Así, el navegador puede reutilizarlos sin tener que descargarlos nuevamente cada vez que los necesita.

Cuando entras a un sitio WordPress, el navegador puede descargar imágenes, CSS, JavaScript y fuentes. Algunos de estos archivos pueden guardarse para utilizarlos cuando visites otra página o regreses al sitio.

Esto puede reducir la cantidad de archivos que necesitan descargarse nuevamente y ayudar a que algunas páginas carguen más rápido.

Como administrador de WordPress, es importante entender una diferencia: puedes configurar las instrucciones que recibe el navegador sobre cómo almacenar estos archivos, pero no puedes borrar directamente las copias que ya están guardadas en los dispositivos de tus visitantes.

¿Cómo funciona la caché del navegador?

Cuando una persona visita una página, el navegador solicita al servidor los archivos necesarios para mostrarla.

El servidor puede enviar esos archivos junto con instrucciones que indican si pueden almacenarse en caché y durante cuánto tiempo pueden reutilizarse.

Si el navegador vuelve a necesitar un archivo y todavía tiene una copia válida, puede utilizarla en lugar de descargarlo nuevamente.

Por ejemplo, si el mismo logo aparece en diferentes páginas del sitio, el navegador puede descargarlo una vez y reutilizar la copia que tiene almacenada.

Qué archivos puede guardar el navegador

La caché del navegador se utiliza principalmente para archivos que pueden reutilizarse entre páginas o visitas, como:

• imágenes
• archivos CSS
• archivos JavaScript
• fuentes
• otros archivos estáticos

No todos los archivos necesitan conservarse durante el mismo tiempo. El sitio puede enviar diferentes instrucciones de caché según el tipo de archivo.

Cómo puedes controlar la caché del navegador

Los archivos se almacenan en el dispositivo de cada visitante, por lo que no puedes entrar desde WordPress y eliminarlos.

Lo que sí puedes controlar son las instrucciones que tu sitio envía al navegador sobre cómo debe almacenar y reutilizar esos archivos.

Dependiendo de la configuración del sitio, estas instrucciones pueden establecerse mediante:

• un plugin de caché u optimización
• el hosting
• el servidor web
• una CDN

Por eso, cuando encuentras una opción como Browser Cache en un plugin o en el panel del hosting, no significa que esa herramienta guarde los archivos dentro de WordPress. Está configurando cómo debe tratarlos el navegador.

Directivas de caché del navegador

Las instrucciones de caché se envían normalmente mediante encabezados HTTP que acompañan a los archivos solicitados.

Entre los elementos que puedes encontrar están:

Cache-Control

Permite establecer reglas sobre cómo puede almacenarse y reutilizarse un archivo. Por ejemplo, puede indicar durante cuánto tiempo una copia se considera válida.

Expires

Permite establecer una fecha a partir de la cual una copia almacenada se considera vencida.

Estas instrucciones no forman parte normalmente del HTML de la página. Se envían en la respuesta HTTP que recibe el navegador cuando solicita un archivo.

No necesitas configurar estos encabezados manualmente. Dependiendo del sitio, un plugin, el hosting, el servidor o una CDN pueden encargarse de establecerlos.

Por qué puedes seguir viendo una versión anterior

La caché del navegador puede explicar por qué un cambio aparece correctamente en un dispositivo, pero no en otro.

Por ejemplo, modificas los estilos del sitio. El servidor ya tiene el archivo CSS actualizado, pero tu navegador todavía conserva una copia anterior.

Desde WordPress no puedes eliminar directamente esa copia de los navegadores de todos tus visitantes. Sin embargo, el sitio puede utilizar mecanismos para indicar que existe una nueva versión de un archivo.

Por ejemplo, los archivos CSS y JavaScript pueden utilizar un número de versión. Cuando este cambia, el navegador puede identificar que debe solicitar el archivo actualizado.

Por eso, si un cambio aparece en un navegador o dispositivo, pero no en otro, la caché del navegador es uno de los elementos que puedes revisar.

Borrar la caché del navegador

Borrar la caché del navegador elimina las copias temporales almacenadas en ese navegador.

La próxima vez que visites el sitio, el navegador tendrá que solicitar nuevamente los archivos que ya no tiene disponibles en caché. Por esta razón, borrar la caché puede ayudar a comprobar si un problema se debe a que el navegador estaba utilizando una versión anterior de un archivo.

Esta acción no elimina páginas, entradas, imágenes, productos ni otros contenidos de WordPress.

Además, solo afecta a ese navegador y dispositivo. Borrar tu caché no elimina las copias almacenadas en los navegadores de otros visitantes.

Tampoco es lo mismo que purgar la caché de página desde WordPress o el hosting.

Caché del navegador y rendimiento de WordPress

La caché del navegador puede mejorar el rendimiento al permitir que archivos como imágenes, CSS, JavaScript o fuentes se reutilicen sin tener que descargarlos nuevamente cada vez que el navegador los necesita.

Esto puede reducir las solicitudes al servidor y la cantidad de datos que deben transferirse nuevamente.

La caché del navegador es una de las técnicas que pueden influir en la velocidad de un sitio. Para conocer otros factores, consulta nuestra guía sobre Rendimiento de WordPress.

Términos relacionados

• Caché
• Caché de página
• Purga de caché
• HTTP
• CDN
• Caché de CDN

Preguntas frecuentes sobre la caché del navegador

¿Puedo borrar la caché del navegador de mis visitantes desde WordPress?

No. WordPress no puede borrar directamente los archivos almacenados en los navegadores de tus visitantes.

El sitio sí puede enviar instrucciones que indiquen cómo deben almacenarse, reutilizarse y actualizarse determinados archivos. Estas instrucciones pueden configurarse mediante un plugin, el hosting, el servidor o una CDN.

¿La caché del navegador es lo mismo que la caché de página?

No. La caché del navegador almacena determinados archivos en el dispositivo del visitante, mientras que la caché de página guarda una copia de una página que WordPress ya generó.

Borrar una de estas cachés no significa que la otra también se haya eliminado.

¿Por qué mi WordPress se ve diferente en otro navegador o dispositivo?

Una posible causa es la caché del navegador. Un navegador puede estar utilizando una versión anterior de un archivo CSS, JavaScript o una imagen mientras otro ya ha descargado la versión actualizada.

Si el problema aparece solamente en determinados navegadores o dispositivos, revisar la caché del navegador puede ayudar a identificar la causa.