Core Web Vitals: cómo logramos 95+ en cada build
El rendimiento no es algo que añades al final. Es una serie de decisiones pequeñas y deliberadas que se toman desde el primer commit.
Largest Contentful Paint
El LCP suele ser una imagen hero o un titular. Servimos imágenes en formatos modernos como WebP y AVIF, las dimensionamos correctamente y precargamos la crítica. Las fuentes son auto-alojadas y precargadas con font-display: swap para que el texto nunca bloquee el renderizado.
Cumulative Layout Shift
El desplazamiento de diseño viene de elementos que cargan sin espacio reservado. Definimos ancho y alto explícitos en cada imagen y embed, reservamos espacio para contenido dinámico y evitamos inyectar banners encima del contenido existente. El resultado es una página que se mantiene en su lugar mientras carga.
Interaction to Next Paint
El INP premia el JavaScript ligero. Al enviar JS mínimo y diferir los scripts no críticos, el hilo principal queda libre para responder a toques y clics al instante. Menos código no solo se descarga más rápido — también se ejecuta más rápido.
Mide en dispositivos reales
Los puntajes de laboratorio son un punto de partida, no la meta. Probamos en teléfonos de gama media sobre redes limitadas, porque eso es lo que usa un visitante real. Los datos de campo del Chrome User Experience Report nos dicen cómo rinde el sitio de verdad, no solo en un laboratorio perfecto con fibra rápida.
El rendimiento como presupuesto
Tratamos el rendimiento como un presupuesto que puedes sobregirar. Cada nuevo script, fuente o etiqueta de terceros tiene un costo, y lo pesamos contra el valor que aporta. Decir no a una suite de analítica pesada o a un widget de chat innecesario suele ser la decisión de mayor impacto en todo el proyecto.