Un sitio rápido no se siente rápido por accidente
La velocidad web no es un número único. Una página puede descargar rápido y sentirse torpe porque el contenido salta, el menú tarda en responder o una consulta bloquea toda la interfaz.
Cuatro capas
- Servidor: caché, base de datos y distancia.
- Transferencia: imágenes, fuentes y código.
- Renderizado: trabajo que el navegador debe ejecutar.
- Percepción: mostrar progreso y permitir usar lo que ya está listo.
Optimiza primero lo que aparece al abrir. Reserva espacio para imágenes, carga el resto de manera diferida y evita que un servicio externo congele el contenido principal. Si un dato en vivo falla, conserva la última lectura y ofrece reintento sin recargar.
Mide en dispositivos reales y conexiones normales. Un computador de desarrollo con fibra oculta problemas que aparecen en un teléfono de gama media. La meta no es ganar una puntuación aislada; es que una persona pueda entender y actuar sin esperar.
Referencia: MDN, rendimiento web.