Rendimiento cross-browser en 2026: Safari ya no es excusa y así lo aprovechamos

Durante años hubo una excusa favorita en el mundo del rendimiento web: "Safari lo mide diferente". Esa excusa murió en enero de 2026.

La actualización Safari 26.2 incorporó soporte nativo completo para INP (Interaction to Next Paint), LCP y CLS exactamente con los mismos estándares de medición que Chrome y Firefox. Lo confirmó PPC Land en su análisis de enero de 2026: "Estas incorporaciones completan el soporte cross-browser para Core Web Vitals, eliminando los vacíos de medición que impedían una comparación precisa de rendimiento entre Safari, Chrome y Firefox".

En DebugBear también lo documentaron: Firefox y Safari ahora soportan los dos Core Web Vitals que faltaban — INP y LCP — con APIs nativas. La fragmentación que durante años justificó diferencias de rendimiento entre navegadores simplemente desapareció.

En Mintec, este cambio nos obligó a repensar cómo optimizamos. Te contamos qué implica y cómo lo estamos aplicando en proyectos reales.

Lo que cambió realmente

Antes de enero de 2026, Safari no reportaba INP de forma nativa. En la práctica, esto significaba que un sitio podía tener un INP excelente en Chrome (por ejemplo, 150 ms) pero un rendimiento pésimo en Safari (400 ms+) y no había forma de medirlo con precisión. Los equipos de desarrollo confiaban en Chrome DevTools y asumían que el resto seguía.

El resultado: sitios que aprobaban Core Web Vitals en Lighthouse pero ofrecían una experiencia entrecortada en Safari y Firefox.

Hoy, con la paridad cross-browser, la ecuación cambió. Ya no puedes ignorar Safari solo porque "sus métricas no cuentan". Ahora cuentan exactamente igual.

El dato que debería preocuparte

Según el análisis de StackNotice de junio de 2026, el 43% de los sitios web reprueba INP, el umbral de 200 milisegundos que Google exige para una buena experiencia de usuario. INP reemplazó a FID en 2024, y la diferencia es brutal: mientras FID medía solo la primera interacción, INP mide la peor interacción de toda la visita (percentil 98).

Esto significa que 43 de cada 100 sitios tienen al menos una interacción — un click, un tap, una pulsación de tecla — que tarda más de 200 ms en responder. Y ahora Safari lo reporta igual que Chrome.

Tom Brigl lo resumió bien en su análisis: Apple finalmente trajo transparencia real a Core Web Vitals en Safari. Ya no hay escondite.

Cómo cambió nuestro approach en Mintec

Antes: Optimizábamos en Chrome, verificábamos en Lighthouse, y cruzábamos los dedos para Safari. Usábamos herramientas de terceros con data synthetic que intentaban estimar el rendimiento en Safari, pero nunca era preciso.

Ahora: Nuestro flujo de trabajo tiene tres cambios concretos:

1. Testing cross-browser real en el pipeline de CI

Cada PR que toca componentes interactivos (forms, sliders, modales, menús) ejecuta tests de rendimiento en Chrome y Safari headless. Si el INP sube de 180 ms en cualquiera de los dos, el PR no pasa. Esto nos ha atrapado casos donde un handler de evento ineficiente en Safari duplicaba la latencia.

2. Astro 6 como base para sitios content-driven

En un proyecto reciente para un cliente de medios con alto contenido de video, migramos de Next.js a Astro 6 y desplegamos en Cloudflare Workers. Los resultados fueron contundentes:

• LCP bajó de 2.8 s a 0.9 s en Chrome y de 3.4 s a 1.2 s en Safari
• INP se mantuvo estable en 140 ms en ambos navegadores
• CLS pasó de 0.18 a 0.02

La razón principal: Astro 6 renderiza HTML en el servidor y envía cero JavaScript hasta que es necesario. Su Server Islands API permite cargar componentes interactivos de forma diferida sin bloquear el hilo principal. Combinado con la nueva Content Security Policy API nativa de Astro 6 (lanzada en mayo de 2026), podemos controlar exactamente qué scripts se ejecutan y cuándo.

3. Priorizamos INP sobre LCP en la jerarquía de optimización

Con la paridad cross-browser, INP se volvió la métrica más traicionera. LCP es relativamente fácil de optimizar con buen server rendering, lazy loading y formatos de imagen modernos. CLS se resuelve con tamaños explícitos y buenas prácticas de layout. Pero INP requiere repensar la arquitectura de interactividad.

Nuestro framework de decisión ahora es:

¿El componente requiere JavaScript en cliente?

• Si no → render estático en Astro, zero JS. Caso resuelto.
• Si sí, pero no es crítico → Server Island con lazy loading. El JavaScript se carga después del paint inicial.
• Si sí y es crítico (forms, búsqueda, navegación) → hydrated component optimizado, con useTransition para priorizar actualizaciones y scheduler.yield() para ceder el hilo principal.

Qué frameworks elegir según el proyecto

Los benchmarks de 2026 de Zorinto.io compararon SvelteKit (1,200 RPS), Next.js 16 (980 RPS) y Astro 6 (1,050 RPS) en throughput bruto. Las cifras son útiles, pero no cuentan toda la historia.

En proyectos de medios mixtos — sitios que combinan contenido con secciones interactivas y elementos de video — Astro 6 es imbatible. Puedes tener un hero con video LCP-friendly renderizado como HTML estático, un carrusel de productos como Server Island, y un formulario de contacto con React hydrated, todo en la misma página, y cada pieza cargando solo lo que necesita.

Lo que viene

La paridad cross-browser en métricas de rendimiento no es el final del camino. Es el inicio de una era donde las excusas ya no funcionan. Google confirmó que Core Web Vitals siguen siendo señal de ranking. Ahora que todos los navegadores miden igual, no hay forma de esquivar el dato.

En Mintec, esto nos tiene optimizando con una claridad que no teníamos antes. Cuando ves que Safari y Chrome reportan el mismo INP en el mismo sitio, sabes que el problema es real y no un artefacto de medición. Y eso permite tomar decisiones de arquitectura con datos limpios.

Si estás considerando migrar tu stack o simplemente quieres saber dónde está fallando tu sitio en Safari, contáctanos para una auditoría de rendimiento cross-browser. Te mostraremos los números que otros no te muestran.