El HTML de la portada de esta web pesa 73 KB. La mediana de las 57 páginas del top 10 de mi sector que analicé el mes pasado es de 235 KB. Y no es porque yo sea muy listo: es porque he dicho que no a casi todo.
Te cuento cómo está montada y, sobre todo, a qué he renunciado, que es la parte que nunca se cuenta.
Qué son los Core Web Vitals
Los Core Web Vitals son tres métricas con las que Google mide la experiencia real de quien visita una página: cuánto tarda en aparecer lo principal, cuánto tarda en responder a un clic y cuánto se mueve el contenido mientras carga.
- LCP — lo que tarda en pintarse el elemento más grande de la pantalla.
- INP — lo que tarda la página en responder cuando tocas algo.
- CLS — cuánto bailan los elementos mientras termina de cargar.
Son señales de posicionamiento, sí, pero flojas: no vas a adelantar a nadie solo por esto. Lo que sí hacen es quitarte fricción, y eso se nota en todo lo demás.
Lo que hay dentro de esta web
| Elemento | Esta web | Comentario |
|---|---|---|
| HTML de la portada | 73 KB | Mediana del sector: 235 KB |
| Hojas de estilo externas | 1 | La del tema |
| Scripts externos | 1 | El del tema |
| Scripts de terceros | 0 | Ni analítica, ni fuentes, ni chat, ni píxeles |
| Imágenes en la portada | 1 | La ilustración de cabecera |
| Peso total de la portada | 258 KB | Con imágenes y todo descargado |
El dato del que estoy más contento es el de los cero scripts de terceros. Es lo que hace que no haya nada esperando a que responda un servidor ajeno.
A qué he renunciado para conseguirlo
Aquí está la letra pequeña, que es lo honesto:
No hay analítica
Ni Analytics ni ninguna otra. Eso significa que no sé cuánta gente entra ni por dónde. Es una renuncia real y a veces escuece. A cambio: cero cookies, cero banner de consentimiento y una web que no le manda tus datos a nadie.
No hay constructor visual
Nada de arrastrar bloques. El diseño es CSS escrito a mano. Es más lento de hacer y hay cosas que no puedo montar en cinco minutos. A cambio no cargo quince ficheros para pintar un botón.
No hay imágenes de relleno
Cada ilustración que ves está porque aporta algo. Y todas pasan por un redimensionado y una compresión antes de subirse — que aprendí por las malas, después de servir un logo de 2,9 MB para verse a 54 píxeles.
Las tres cosas que más peso quitan
- Quitar scripts de terceros. Es lo que más pesa y lo que menos se mira. Cada chat, cada píxel y cada fuente externa es una petición a un servidor que no controlas.
- Redimensionar las imágenes al tamaño en el que se ven. No hace falta un plugin: hace falta no subir un JPG de 4.000 píxeles para mostrarlo a 400.
- Cargar tipografías desde tu propio servidor en vez de traerlas de fuera. Esto todavía no lo he hecho y es mi siguiente deuda.
Fíjate que ninguna de las tres es un plugin de caché. La caché ayuda, pero llega después: primero se quita lo que sobra.
El dato que me dejó pensando
En aquel análisis de 57 páginas del top 10 encontré que el 56 % carga recursos que bloquean el renderizado, pero ninguna se marcó como «lenta». Lo conté entero en la auditoría on page a esas 57 páginas.
El sector ha aprendido a no ser lento. Todavía no ha aprendido a ser rápido.
El resumen
- Los Core Web Vitals miden carga, respuesta y estabilidad visual.
- Como señal de posicionamiento son flojas; como fricción para el usuario, no.
- El HTML de esta web pesa 73 KB frente a los 235 KB de mediana del sector.
- Lo que más pesa quita: fuera scripts de terceros, imágenes al tamaño real y tipografías propias.
- Y lo que nadie cuenta: para conseguirlo hay que renunciar a cosas. Yo he renunciado a saber cuánta gente me visita.