Cada versión recorre la web antes que tú
· 3 min de lectura
Abres pagetovid.com y esperas la página de inicio, en tu idioma, en más o menos un segundo. El 7 de septiembre pasamos toda la web a una nueva versión mayor de su framework y decidimos que cada publicación debía demostrar exactamente eso antes de que nadie la viera. Desde ese día, cada nueva versión recorre la web por sí misma, página a página, antes de atender a un solo visitante.
Un domingo para hacer la web más ligera y más exigente
El día empezó con una auditoría completa de la plataforma. La página de inicio pesaba más de lo que parecía: su película de demostración en reproducción automática era un archivo 1080p de 14 a 20 MB por idioma. Recodificada a 720p, la página bajó a una sexta parte de su peso, y la película arranca antes en el móvil.
La misma revisión corrigió una tanda de problemas de accesibilidad en diecinueve páginas, desde enlaces subrayados en el texto hasta bloques de código accesibles con el teclado. Luego llegó el gran cambio del día: la web pasó a Next.js 16, que compila con Turbopack y da a la capa de peticiones un nombre nuevo y un sitio nuevo en el código.
Estar vivo no es lo mismo que funcionar
Cada publicación ya tenía un control. Esperaba a que respondiera el chequeo de salud de la nueva versión: el contenedor está en marcha, la base de datos contesta, la API funciona. Es útil, y no es lo que vive un visitante.
Un visitante pide una página. Antes de dibujarla, una pequeña capa de peticiones elige el idioma, saca del panel a quien no ha iniciado sesión y marca cada respuesta con la versión que la produjo. Un chequeo de salud puede estar en verde aunque esa capa falte. Con la capa renombrada por la actualización del framework, queríamos que una versión que no sirve páginas reales fuera imposible de publicar, no solo improbable.
Un paseo corto por la web real
Así que el control hace lo que haría una persona cuidadosa tras publicar: abre la web. Después del chequeo de salud, pide un puñado de direcciones reales y revisa cada respuesta.
- La página de inicio y la página de precios, sin prefijo de idioma, deben responder con normalidad.
- Las páginas de inicio y de precios en francés también, para demostrar los dos caminos de la capa de idioma.
- Una dirección que no existe debe responder 404, para que una web que dice sí a todo no pase.
- El panel debe redirigir a quien no ha iniciado sesión, prueba de que la capa de peticiones funciona.
Una versión que responde a la API pero no a las páginas no pasa, y el tráfico se queda en la versión anterior. Nadie tiene que darse cuenta de nada.
La versión exacta, o nada
Recorrer páginas solo convence si sabes qué versión respondió. Cada respuesta lleva una cabecera con el commit exacto que la construyó, y el control exige ese commit en cada página que revisa. Una versión anterior, o una copia en caché, no puede pasar en lugar de la nueva.
El orden también cambió ese día. Nuestros tests y nuestra publicación arrancaban a la vez con cada cambio, así que un test fallido no podía detener una versión. Ahora la publicación solo empieza cuando toda la batería de tests ha pasado, y construye exactamente el commit probado. Antes de desplegar nada, los tests arrancan la web compilada y hacen el mismo recorrido.
Lo que una versión tiene que demostrar ahora
En conjunto, una nueva versión de PageToVid supera cuatro pasos antes de llegar a ti:
- toda la batería de tests pasa en ese commit exacto
- la web compilada arranca y supera el recorrido de páginas en pruebas
- la versión desplegada responde a su chequeo de salud
- la versión desplegada sirve páginas reales en dos idiomas, un 404 de verdad y una redirección que funciona, cada una marcada con su commit
El principio es sencillo, y ahora guía cada control que añadimos: probar lo que ve la persona, no solo lo que informa la máquina. Un chequeo de salud dice que el servidor está vivo. Solo una página dice que el producto funciona. Hay más capítulos de cómo creció la plataforma en el blog.
Míralo en tu propia web
Pega una página y obtén el vídeo narrado del que habla este blog. El primero es gratis.
Sigue leyendo
