Rendimiento

Qué hace de verdad que una web sea rápida

Por El equipo de AsasWeb 2 min de lectura

La mayor causa individual de sitios lentos es el exceso de JavaScript, así que la mayor ganancia está en enviar menos. Después, sirve imágenes responsivas modernas en formatos como AVIF y WebP con width y height definidos, y aloja tus fuentes web en tu propio dominio, en subconjuntos y bien afinadas. Mide los Core Web Vitals en un móvil de gama media y con una conexión lenta, porque la velocidad nace de las decisiones tomadas durante todo el desarrollo, no de un parche al final.

Todo el mundo quiere una web rápida, y la mayoría de los consejos se quedan en “optimiza tus imágenes”. Las imágenes importan, pero la velocidad es la suma de muchas decisiones tomadas mientras se construye. Aquí está donde están las ganancias de verdad.

Envía menos JavaScript

La mayor causa de los sitios lentos es demasiado JavaScript. Cada kilobyte tiene que descargarse, analizarse y ejecutarse, a menudo en un móvil de gama media con mucha menos potencia que un portátil. Envía sobre todo HTML y CSS, y añade JavaScript solo donde de verdad se gane su sitio. Las páginas que funcionan sin él son más rápidas y más robustas.

Sirve imágenes modernas y adaptables

Usa formatos modernos como AVIF y WebP, genera varios tamaños y deja que el navegador elija el adecuado para la pantalla. Fija siempre el ancho y el alto para que el diseño no salte mientras cargan las imágenes. Un móvil nunca debería descargar una imagen de tamaño de escritorio.

Autoaloja y ajusta tus fuentes

Las fuentes web son fáciles de hacer mal. Autoalójalas, redúcelas a los caracteres que necesitas, usa font-display: swap y ajusta las métricas de respaldo para que el texto no se desplace cuando llega la fuente web. Eso protege tu puntuación de Cumulative Layout Shift.

Mide lo que sienten los usuarios

Los Core Web Vitals describen la experiencia real: Largest Contentful Paint para la carga, Cumulative Layout Shift para la estabilidad e Interaction to Next Paint para la capacidad de respuesta. Mídelos en un móvil de gama media representativo y una conexión lenta, no solo en un portátil rápido, porque es lo que usan muchos de tus visitantes.

El rendimiento se integra, no se pega

No puedes espolvorear velocidad al final. Viene de las decisiones tomadas a lo largo de todo el proyecto, que es exactamente como abordamos cada uno. Si tu sitio se siente lento, empieza un proyecto y averiguaremos por qué.

¿Quieres este estándar en tu propio sitio?

Cuéntanos tu proyecto y responderemos con próximos pasos honestos y prácticos.