Un sitio web multilingüe debe entregar el contenido traducido correcto a los visitantes adecuados sin sacrificar la velocidad. Aquí es donde el almacenamiento en caché de sitios web multilingües se vuelve esencial, ayudando a que las páginas traducidas se carguen más rápido mientras se reducen las solicitudes repetidas a su servidor. Sin embargo, el almacenamiento en caché de múltiples versiones de idioma puede introducir desafíos como traducciones obsoletas, contenido en el idioma incorrecto y resultados inconsistentes para los rastreadores de motores de búsqueda.
En esta guía, exploraremos los problemas de caché multilingüe más comunes y explicaremos cómo Cloudflare y Varnish manejan el contenido traducido. Sigue leyendo para elegir la estrategia de caché adecuada, evitar aciertos de caché entre idiomas y crear una configuración confiable para tu sitio web multilingüe.
Puntos clave: almacenamiento en caché de sitios web multilingües con Cloudflare & Varnish
Versiones de idioma separadas
Utilice URL o claves de caché específicas para cada idioma para garantizar que cada versión traducida se almacene y se sirva por separado. Esto ayuda a evitar que los usuarios reciban contenido en el idioma incorrecto.
Prevenir conflictos de caché
Varnish y Cloudflare deben tener en cuenta la información de idioma de las URL, los encabezados o las cookies. Una configuración adecuada evita los aciertos de caché entre idiomas y garantiza que los visitantes reciban la traducción correcta.
Mantén las traducciones actualizadas
Establezca los TTL de caché adecuados y purgue las cachés afectadas cada vez que se actualicen las traducciones. Esto evita que el contenido desactualizado permanezca visible para los visitantes.
¿Por qué es importante la caché multilingüe?
Los sitios web multilingües pueden tener múltiples versiones en caché de la misma página porque cada idioma puede contener contenido y URLs diferentes. Almacenar en caché estas versiones traducidas permite que el sitio web reutilice las respuestas existentes en lugar de procesar repetidamente el mismo contenido para cada solicitud. Esto puede reducir las solicitudes al servidor de origen, mejorar los tiempos de carga de la página y proporcionar una experiencia más rápida a los visitantes.
Sin embargo, el almacenamiento en caché multilingüe debe mantener cada versión de idioma debidamente separada. Si el sistema de almacenamiento en caché no distingue entre variantes de idioma, un visitante que solicite una página en francés podría recibir en su lugar una versión en inglés almacenada en caché. De manera similar, cuando se actualiza una traducción, una respuesta almacenada en caché más antigua puede seguir mostrándose hasta que caduque o se invalide.
El almacenamiento en caché también influye en cómo los rastreadores de los motores de búsqueda acceden a las páginas multilingües. Cada URL de idioma debe devolver de forma coherente su contenido traducido correspondiente para que los motores de búsqueda puedan comprender e indexar correctamente las versiones localizadas. Por lo tanto, una configuración de caché fiable debe funcionar junto con señales SEO como hreflang, URLs canónicas, y metadatos específicos del idioma.
Cómo crear una estrategia de caché para un sitio web multilingüe
Una buena estrategia de caché multilingüe garantiza que los visitantes reciban de forma consistente la versión de idioma correcta, manteniendo las páginas rápidas y reduciendo las solicitudes al servidor. El primer paso es decidir cómo identifica tu sitio web cada idioma y cómo el sistema de caché utiliza esa información.
Enrutamiento de URL y subdominios
Las URL específicas por idioma son una de las formas más sencillas de hacer predecible el almacenamiento en caché multilingüe. Cada idioma tiene su propia URL, por lo que la caché puede almacenar y servir cada versión por separado. Por ejemplo, example.com/fr/ puede representar la versión en francés, mientras que example.com/de/ representa la versión en alemán.
Los subdominios específicos para cada idioma funcionan de manera similar. Un sitio web podría usar fr.example.com para francés y de.example.com para alemán. Como el idioma se incluye directamente en la URL, los visitantes y los sistemas de caché pueden identificar fácilmente qué versión servir. Las estructuras de URL comunes incluyen:
- example.com/fr/
- example.com/de/
- fr.example.com
- de.example.com
Detección de idioma basada en encabezados
Los sitios web también pueden determinar el idioma preferido de un visitante a través de los encabezados HTTP, en particular el encabezado Accept-Language que envía el navegador. Por ejemplo, un navegador configurado en francés puede enviar Accept-Language: fr, lo que permite al servidor seleccionar automáticamente la versión en francés.
Sin embargo, la detección basada en encabezados requiere una configuración cuidadosa de la caché. Si la caché solo considera la URL de la página e ignora el encabezado de idioma, podría almacenar una versión de idioma y devolverla a visitantes con una preferencia de idioma diferente. Por lo tanto, la clave de caché o el comportamiento de Vary deben tener en cuenta la información de idioma relevante. Por ejemplo:
- Accept-Language: en
- Accept-Language: fr
- Accept-Language: de
Detección de idioma basada en cookies
Otro enfoque consiste en almacenar la preferencia de idioma del visitante en una cookie. Una vez que un visitante selecciona un idioma, el sitio web puede guardar esa elección y utilizarla para solicitudes posteriores. Esto puede proporcionar una experiencia más consistente, especialmente cuando los visitantes eligen manualmente un idioma en lugar de depender de la configuración de su navegador.
El desafío es que las cookies pueden complicar el almacenamiento en caché. Si la caché no distingue las solicitudes según la cookie de idioma, los visitantes pueden recibir una página en caché destinada a otro idioma. Por lo tanto, la capa de caché debe configurarse para variar o omitir el almacenamiento en caché cuando sea necesario. Por ejemplo:
- language=en
- language=fr
- language=de
Elegir una estrategia de caché
La mejor estrategia de caché depende de cómo tu sitio web gestiona la selección de idioma. El enrutamiento de idioma basado en URL suele ser más fácil de almacenar en caché porque cada idioma tiene una URL única. La detección basada en encabezados y cookies también puede funcionar, pero requiere una configuración más cuidadosa para garantizar que las respuestas en caché se separen correctamente.
Antes de elegir un enfoque, considere la cantidad de idiomas, cómo los visitantes seleccionan los idiomas y con qué frecuencia cambia el contenido traducido. El objetivo es hacer que la detección de idioma y el comportamiento de la caché funcionen juntos, en lugar de permitir que la capa de caché trate cada solicitud como la misma página. Factores clave a considerar:
- URL específicas por idioma
- Configuración de la clave de caché
- Manejo de encabezados y cookies
- TTL de caché
- Invalidación de caché
- Frecuencia de actualización de traducciones
- Rastreo de motores de búsqueda
Cómo almacena Varnish en caché el contenido multilingüe y traducido
Varnish Cache funciona como un proxy inverso entre los visitantes y el servidor de origen. Cuando un visitante solicita una página, Varnish comprueba si hay disponible una respuesta en caché válida. Si encuentra una respuesta coincidente, sirve el contenido en caché sin enviar la solicitud de vuelta al origen. Si no existe una respuesta adecuada, Varnish reenvía la solicitud al origen, recibe la respuesta y puede almacenarla para solicitudes posteriores.
Para los sitios web multilingües, Varnish debe distinguir entre las solicitudes que deben devolver diferentes versiones de idioma. Por lo tanto, la información del idioma debe tenerse en cuenta cuando Varnish determina si se puede reutilizar una respuesta en caché. Esto evita que la caché trate diferentes traducciones como la misma respuesta.
Claves de caché específicas por idioma
Varnish necesita una forma de distinguir las respuestas en caché que representan diferentes versiones de idioma. Cuando el idioma ya está incluido en la URL, cada URL puede asignarse naturalmente a una entrada de caché diferente. Cuando el idioma se determina mediante un encabezado de solicitud, una cookie u otro valor de solicitud, la configuración de Varnish debe incorporar esa información en su lógica de almacenamiento en caché. Por ejemplo, un sitio multilingüe podría distinguir las respuestas en caché usando:
- /en/about/ → entrada de caché en inglés
- /fr/about/ → Entrada de caché en francés
- Accept-Language: en → Variación en inglés
- Accept-Language: fr → variación en francés
- Una cookie de idioma → Idioma seleccionado por el visitante
La implementación exacta depende de cómo el sitio web determina el idioma. El requisito clave es que las solicitudes que producen respuestas traducidas diferentes no deben resolverse en el mismo objeto en caché.
Prevención de impactos entre idiomas
Se produce un acierto de caché entre idiomas cuando Varnish devuelve una respuesta en caché de un idioma a un visitante que solicita otro. Por ejemplo, un visitante que solicita una página en francés podría recibir una respuesta en inglés si ambas solicitudes se tratan como el mismo recurso almacenable en caché.
Para reducir este riesgo, Varnish solo debe reutilizar una respuesta en caché cuando la variación de idioma sea conocida y coincida con la solicitud. Si el idioma no se puede determinar de forma fiable, la respuesta debe tratarse con cuidado en lugar de almacenarse como una entrada de caché compartida. Las salvaguardas importantes incluyen:
- Evite almacenar en caché respuestas con información de idioma ambigua
- Gestionar las cookies y los encabezados de idioma de forma coherente
- Prueba los aciertos y fallos de caché para solicitudes en diferentes idiomas
- Verificar el cambio de idioma después de habilitar el almacenamiento en caché
Invalidación de caché de Varnish
La invalidación de caché elimina o marca el contenido en caché como no válido. Esto es importante cuando el contenido original o su traducción se ha actualizado. Sin la invalidación, Varnish puede seguir sirviendo una versión en caché más antigua hasta que expire su TTL configurado.
Para los sitios web multilingües, la invalidación debe tener en cuenta todas las versiones de idioma afectadas. Si se actualiza una página en inglés y su traducción al francés, las respuestas en caché correspondientes deben borrarse o actualizarse para que los visitantes no vean contenido desactualizado. Los enfoques comunes incluyen:
- Purgar URLs específicas
- Purgar múltiples versiones de idioma
- Uso de TTL de caché
- Purgado automático tras actualizaciones de contenido
- Actualización de las páginas traducidas afectadas
Cómo Cloudflare almacena en caché el contenido multilingüe en el edge
Cloudflare funciona como una capa de almacenamiento en caché perimetral entre los visitantes y tu servidor de origen. Cuando un visitante solicita una página, Cloudflare comprueba si hay disponible una versión en caché en una ubicación perimetral. Si existe una respuesta válida, se puede servir directamente desde el perímetro en lugar de solicitar la página al servidor de origen. Si no hay ninguna respuesta en caché disponible, Cloudflare recupera el contenido del origen y puede almacenar la respuesta en caché para solicitudes posteriores.
Para sitios web multilingües, este proceso debe tener en cuenta el idioma solicitado. Cloudflare debe poder distinguir entre las diferentes versiones de idioma para que una respuesta en inglés almacenada en caché no se sirva a alguien que solicita la versión en francés. Esto hace que la configuración de caché con reconocimiento de idioma sea importante cuando el contenido traducido se entrega a través de diferentes URL, encabezados o cookies.
Separar las versiones de idioma
Cloudflare puede almacenar en caché diferentes versiones de idioma por separado cuando cada versión tiene una URL distinta. Por ejemplo, /en/, /fr/ e /it/ pueden representar contenido en inglés, francés e italiano. Como el idioma se incluye directamente en la URL, cada versión puede tener su propia entrada de caché, lo que facilita la gestión y la purga de versiones de idioma individuales. Por ejemplo:
- example.com/en/products/
- example.com/fr/products/
- example.com/it/products/
Claves de caché de Cloudflare y variaciones de idioma
Cloudflare necesita distinguir las solicitudes siempre que diferentes entradas de idioma puedan producir respuestas diferentes. Con el enrutamiento de idiomas basado en URL, esta separación ocurre de forma natural porque cada idioma tiene su propia URL.
Se requiere más atención cuando el idioma se determina mediante el encabezado Accept-Language o una cookie. Si estos valores afectan la respuesta traducida pero no son gestionados por la configuración de almacenamiento en caché, las solicitudes de diferentes idiomas pueden tratarse como el mismo recurso. Esto puede provocar que se sirva un idioma a visitantes que solicitan otro.
Para la mayoría de los sitios web multilingües, el enrutamiento basado en URL es más fácil de gestionar porque el idioma es directamente visible en la URL. La detección basada en encabezados y cookies también puede funcionar, pero requiere configuración adicional para garantizar que las respuestas en diferentes idiomas no se compartan incorrectamente.
TTL de caché y purga
Un TTL de caché (Time to Live) determina cuánto tiempo Cloudflare mantiene una respuesta en caché antes de que expire. Un TTL más largo puede mejorar el rendimiento porque el contenido permanece en caché durante más tiempo, mientras que un TTL más corto permite que los cambios estén disponibles antes.
Para los sitios web multilingües, los TTL deben reflejar la frecuencia con la que cambian el contenido y las traducciones. Las páginas que se actualizan con frecuencia pueden necesitar TTL más cortos, mientras que las páginas estables generalmente pueden usar TTL más largos. Cuando cambia una traducción, la versión de idioma afectada debe purgarse o actualizarse en lugar de esperar a que caduque el TTL. Esto ayuda a evitar que los visitantes reciban traducciones desactualizadas. La estrategia de almacenamiento en caché puede incluir:
- TTL corto para contenido actualizado con frecuencia
- TTL más largo para páginas estables
- Reglas de caché específicas por URL
- Purga manual de la caché
- Purga automática después de las actualizaciones
Mejores prácticas para el almacenamiento en caché de sitios web multilingües
Una configuración de caché bien planificada puede hacer que los sitios web multilingües sean más rápidos sin provocar que los visitantes reciban una traducción incorrecta o desactualizada. La clave es hacer que tu sistema de traducción y tu capa de caché trabajen juntos, separando claramente cada versión de idioma.
Combinar traducción y almacenamiento en caché
La traducción y el almacenamiento en caché deben funcionar juntos como parte del mismo proceso de entrega de contenido. La capa de traducción determina qué versión localizada debe devolverse, mientras que la capa de caché almacena esa respuesta para solicitudes posteriores. La consideración importante es el momento: el idioma debe determinarse antes de que se almacene la respuesta en caché. Esto garantiza que la caché almacene la respuesta traducida que se solicitó realmente en lugar de una versión ambigua que podría reutilizarse para otro idioma.
Para los sitios web que utilizan traducción automática, una solución de traducción como Linguise puede simplificar este proceso al generar automáticamente contenido localizado, a la vez que permite que las páginas traducidas funcionen con la configuración de caché existente del sitio web. Esto puede ser útil para sitios web con varios idiomas, donde la gestión manual de las versiones traducidas y su sincronización con el contenido en caché puede volverse más compleja.
Mejor práctica: Asegúrate de que tu sistema de traducción y la capa de caché coincidan en cómo se identifican las versiones de idioma antes de habilitar el almacenamiento en caché de páginas completas.
Use claves de caché específicas del idioma
Cada respuesta traducida debe asignarse a la variación de caché correcta. Las estructuras de idioma basadas en URL lo facilitan porque cada idioma ya tiene una URL distinta, mientras que las configuraciones basadas en encabezados o cookies requieren una configuración de caché adicional.
Mejor práctica: Prefiere las URL específicas de idioma siempre que sea posible, como:
- /en/about/ → English
- /fr/about/ → Francés
- /de/about/ → Alemán
Esto proporciona una clara separación entre las versiones de idioma y reduce el riesgo de aciertos de caché entre idiomas.
Configurar cache-control y TTLs
Los encabezados Cache-Control y los TTL determinan cómo los navegadores, las CDN y los proxies inversos gestionan el contenido en caché. Configurarlos correctamente ayuda a equilibrar el rendimiento del sitio web con la necesidad de entregar traducciones actualizadas.
Las páginas que rara vez cambian suelen poder permanecer en caché durante más tiempo, mientras que el contenido que se actualiza con frecuencia debería usar TTL más cortos. La configuración correcta depende de la frecuencia con la que se actualizan el contenido y las traducciones de tu sitio web.
Mejor práctica: Por ejemplo, podría usar un TTL más largo para una página de destino multilingüe estática y un TTL más corto para páginas de productos o noticias que cambian con frecuencia. Pruebe siempre la configuración para asegurarse de que el contenido actualizado esté disponible cuando se espera.
Purgar las cachés después de las actualizaciones
Cuando el contenido o las traducciones cambien, purgue o actualice las respuestas en caché afectadas en lugar de depender únicamente de la expiración del TTL. Esto ayuda a garantizar que los visitantes reciban la versión más reciente en todos los idiomas afectados.
Mejor práctica: Incluya la invalidación de caché en su flujo de trabajo de actualización de contenido y asegúrese de que se cubran todas las versiones de idioma afectadas.
Probar páginas multilingües en caché
Las pruebas son importantes porque los problemas de caché no siempre son visibles durante la navegación normal. Una página puede verse correcta cuando se accede directamente, pero devolver el idioma incorrecto cuando se sirve desde una respuesta en caché.
Prueba cada versión de idioma después de configurar o cambiar tus reglas de caché. Verifica tanto las solicitudes iniciales como las posteriores para confirmar que se devuelve de forma consistente la respuesta en caché correcta.
Mejores prácticas: Probar escenarios como:
- Abrir la misma página en diferentes idiomas
- Recargando una página en caché
- Cambiar entre idiomas
- Actualizar una traducción
- Comprobar la página después de purgar la caché
- Rastreo de URL específicas de cada idioma
Lista de verificación del almacenamiento en caché multilingüe
Antes de poner en producción tu configuración de almacenamiento en caché multilingüe, utiliza una lista de verificación sencilla para comprobar que la detección de idioma, el almacenamiento en caché y las actualizaciones de contenido funcionan correctamente en conjunto.
Lista de comprobación de buenas prácticas:
- Asigna a cada versión de idioma una URL única o una variación de caché
- Use claves de caché específicas del idioma
- Configura los encabezados Cache-Control adecuados
- Establecer TTLs según la frecuencia de actualización del contenido
- Purgar las versiones de idioma afectadas después de las actualizaciones
- Prueba las páginas en caché en todos los idiomas compatibles
- Comprueba si hay respuestas en el idioma incorrecto
- Comprobar si hay contenido traducido obsoleto
- Verificar las URL específicas de idioma con los rastreadores de motores de búsqueda
Conclusión
El almacenamiento en caché eficaz de sitios web multilingües requiere un equilibrio entre el rendimiento del sitio web y la entrega de la versión de idioma correcta y actualizada a cada visitante. Al utilizar claves de caché específicas por idioma, TTL adecuados e invalidación de caché confiable, puedes reducir las solicitudes al servidor mientras evitas contenido en el idioma incorrecto y obsoleto.
Para una forma más sencilla de gestionar el contenido traducido, regístrate en Linguise y optimiza el flujo de trabajo de tu sitio web multilingüe con traducción automática mientras mantienes tu contenido localizado rápido y manejable.
