Cada milisegundo importa. Las Core Web Vitals de Google lo confirman: si tu sitio es lento, pierdes posiciones. Si pierdes posiciones, pierdes tráfico. Si pierdes tráfico, pierdes clientes.
Añadir soporte multilingüe tradicionalmente significaba añadir procesamiento del lado del servidor, bundles JavaScript más grandes o cargas de página más lentas. En 2026, ese compromiso ya no existe. La traducción edge — entregar contenido traducido a través de una CDN global en el borde de la red — hace del rendimiento multilingüe un problema resuelto.
Este artículo explica cómo funciona la traducción edge, por qué supera a los enfoques del lado del servidor y del cliente para sitios multilingües, y cómo LingoJS logra un tiempo medio de entrega de traducción de 26 milisegundos.
El Problema de Rendimiento de la i18n Tradicional
Renderizado del lado del servidor (SSR) con i18n
Si tu servidor renderiza páginas con traducciones, cada solicitud desencadena la carga de archivos de locale, resolución de mensajes e interpolación de plantillas — antes de que el HTML se envíe al navegador. Añadir 3 idiomas a una página con 200 cadenas puede añadir 50-150ms de procesamiento del servidor por solicitud.
Bundles i18n del lado del cliente
Si envías traducciones al navegador, cada locale se suma a tu bundle JavaScript. Una configuración típica de i18next con 2 namespaces y 3 idiomas añade unos 15-25KB (gzip) a tu bundle del cliente. Los usuarios en conexiones lentas pagan el coste por idiomas que nunca verán.
¿Qué es la Traducción Edge?
La traducción edge traslada la capa de traducción fuera de tu aplicación y la sitúa en una CDN distribuida globalmente. En lugar de que tu servidor procese traducciones o tu cliente cargue bundles de locale, un fragmento ligero de JavaScript ejecutándose en el borde:
- Detecta el idioma del usuario
- Obtiene contenido pre-traducido del nodo edge CDN más cercano
- Aplica traducciones al DOM en tiempo real
- Almacena todo en caché para visitantes recurrentes
La idea clave: la traducción es un problema de datos, no de computación.
Cómo Funciona la Traducción Edge de LingoJS
Paso 1: El script carga (no bloqueante)
El fragmento de LingoJS carga de forma asíncrona desde la CDN global de jsDelivr. Con el atributo async, el navegador no espera a que cargue antes de renderizar la página.
Paso 2: Detección de idioma en el borde
LingoJS verifica la cabecera Accept-Language y la geolocalización IP en el borde CDN. El idioma correcto se identifica en milisegundos de un solo dígito.
Paso 3: El payload de traducción se entrega desde el nodo edge más cercano
jsDelivr opera más de 750 nodos edge en 6 continentes. Cuando un usuario en Tokio solicita una traducción al francés, el contenido viene del nodo de Tokio, no de un servidor en Virginia. Tiempo de ida y vuelta: típicamente menos de 10ms.
Paso 4: Aplicación al DOM
Los nodos de texto se intercambian con sus equivalentes traducidos. La operación usa requestAnimationFrame para evitar cambios bruscos de diseño. Tiempo total: menos de 10ms.
Paso 5: Persistencia en caché
El contenido traducido se almacena en localStorage del navegador. En la siguiente visita, las traducciones cargan desde la caché local en menos de 1ms.
Rendimiento Medido: ~26ms de Media
| Fase | Duración | Ubicación |
|---|---|---|
| Detección de idioma | < 2ms | Edge CDN |
| Búsqueda en caché | < 2ms | Edge CDN / localStorage |
| Obtención del payload | < 10ms | Edge CDN (regional) |
| Análisis del DOM | < 5ms | Navegador |
| Reemplazo de texto | < 7ms | Navegador |
| Total | ~26ms |
Impacto en Core Web Vitals
| Métrica | Sin traducción | Con LingoJS | Delta |
|---|---|---|---|
| LCP | 1.8s | 1.8s | 0ms |
| INP | 45ms | 46ms | +1ms |
| CLS | 0.02 | 0.02 | 0 |
| TTFB | 180ms | 180ms | 0ms |
¿Por Qué la Traducción CDN Supera al Lado Servidor?
| Factor | i18n lado servidor | Traducción edge (LingoJS) |
|---|---|---|
| Impacto TTFB | +50-150ms por solicitud | 0ms (async) |
| CPU servidor | Interpolación por solicitud | Ninguno (CDN) |
| Tamaño bundle | +15-25KB por locale | 0KB (externo) |
| Latencia geográfica | Depende del servidor | El más cercano de 750+ nodos |
| Eficiencia caché | Caché de servidor | Multi-capa (CDN + navegador) |
¿Quién se Beneficia Más?
Sitios con mucho contenido — marketing, documentación, blogs. Traducir 50 artículos en 5 idiomas vía SSR significa 250 páginas compitiendo por recursos del servidor. Con traducción edge, la CDN lo maneja todo.
Dashboards SaaS con datos dinámicos. LingoJS traduce solo los elementos UI estáticos, dejando los datos dinámicos intactos.
Tiendas e-commerce con miles de productos. Con edge translation, el texto se traduce una vez y se cachea en el borde.
Comienza con la Traducción Edge
No necesitas configurar una CDN ni funciones edge. LingoJS lo maneja todo.
- Crea una cuenta gratuita
- Añade una etiqueta script a tu sitio
- Elige tus idiomas objetivo
- Listo — tu contenido se traduce y sirve desde el edge