Rendimiento web: qué mirar y qué ignorar

El rendimiento de un sitio se discute con frecuencia en términos de puntaje. Es una simplificación útil para comunicar, pero poco útil para decidir dónde invertir el esfuerzo.

Las tres que importan

• LCP (Largest Contentful Paint): cuánto tarda en aparecer el contenido principal. Es lo más cercano a la percepción real de velocidad.
• CLS (Cumulative Layout Shift): cuánto se mueve la página mientras carga. Un salto de layout al momento de hacer clic es una fuente directa de frustración.
• INP (Interaction to Next Paint): cuánto tarda la página en responder a una interacción. Afecta especialmente a formularios y filtros.

Dónde está casi siempre el problema

En la mayoría de los sitios corporativos el LCP está dominado por una imagen del hero sin dimensionar y por fuentes que bloquean el render. Ambas cosas se corrigen sin rediseñar nada.

• Declarar ancho y alto de las imágenes para reservar el espacio antes de que carguen.
• Servir formatos modernos y el tamaño que realmente se va a mostrar, no el original.
• Precargar la fuente del titular y usar una alternativa del sistema mientras llega.
• Cargar scripts de terceros después de la primera pintura, o no cargarlos.

Qué se puede ignorar

Perseguir el puntaje perfecto en una auditoría de laboratorio tiene rendimientos decrecientes. Los datos de campo, medidos sobre usuarios reales y sus dispositivos, son los que deberían guiar la siguiente decisión.

Un sitio que carga rápido en un teléfono de gama media con red móvil ya resuelve el noventa por ciento del problema comercial.