¿Cuánto pesa tu página web?

¿Cuánto pesa tu página web?

Hace unos días me dio por preguntarme ¿cuánto pesa de verdad una página de mi blog cuando alguien la visita?

Desde el principio he intentado que este sitio sea sencillo: estático, sin bases de datos, sin un gran despliegue técnico. No necesito mucho más que texto, enlaces y unas cuantas imágenes para contar lo que quiero, la idea es tener algo que pueda entender, controlar y mantener sin complicarme la vida.

Según el análisis de Cloudflare Radar, ahora mismo la portada del blog ronda los 86 KB, que para los tiempos que corren no está nada mal para un sitio personal.

[!NOTE] Cuando hablo de “peso” no me refiero al espacio que ocupa el blog en el servidor, sino a cuántos KB se tiene que descargar alguien cada vez que entra al blog y visita una página.

De dónde salió la pregunta

La curiosidad me vino después de leer un toot de javierinsitu donde enlazaba a un artículo de Milanga Electronica sobre la llamada “Small Web”. 

Allí se habla de crear sitios web mínimos, rápidos y con poco consumo de recursos, como respuesta a esta Internet cada vez más pesada, llena de scripts, servicios externos y, últimamente, centros de datos gigantes para alimentar la IA.

En ese artículo se plantea el reto de dejar el blog por debajo de los 250 KB, inspirado en clubes como 250kb.club, que animan a ponerse un límite y ver hasta dónde puedes adelgazar tu web.

Curioseando en 512kb.club descubrí Cloudflare Radar, que tiene una opción para pegar una URL y ver, entre otras cosas, el tamaño de lo que mueve esa página por la red. Es una forma muy simple de comprobar si tu página va ligera o se ha ido cargando de cosas sin que te dieras cuenta.

Mira la web de otra manera

Durante mucho tiempo, cuando pensaba en el blog, me preocupaba sobre todo el tema, la estructura, cómo organizar mejor las publicaciones o si una página se veía bien o no. Claro que todo eso sigue siendo importante, pero esta vez la pregunta era otra: ¿cuánto cuesta abrirla?.

Porque una web puede parecer sencilla y, sin embargo, cargar un montón de cosas por detrás: tipografías, estilos extra, scripts, iconos, imágenes más grandes de la cuenta, servicios externos, etc.

Es posible que habiendo elegido desde el principio un generador de sitios estático y una estructura simple, el sitio vaya engordando poco a poco.

Al final, que una web sea ligera no depende solo de la tecnología que uses, sino de lo que vas añadiendo con el tiempo. 

Los “clubs” de web ligera

Alrededor de esta idea han ido apareciendo pequeños clubs y comunidades que giran en torno al peso de una web. Me hacen gracia porque convierten algo bastante técnico en una especie de juego.

El más famoso seguramente sea el 512KB Club, que propone un objetivo fácil de entender: mantener tu página por debajo de 512 KB. No es una cifra imposible, pero tampoco tan cómoda como para que no tengas que pensar. Te obliga a revisar qué hay en tu página y por qué sigue ahí.

Luego está el 1MB Club, quizá una meta más realista para muchos blogs. No te pide una austeridad extrema, pero sí algo de intención. Viene a decirte: puedes tener una web moderna, pero intenta que no se le vaya la mano.

El 250KB Club ya entra en terreno más exigente. Ahí hace falta tomar más decisiones conscientes, recortar más y dejar menos espacio para cosas que están “porque sí”. Y todavía hay variantes más extremas, casi pequeñas piezas de artesanía de la web mínima, donde la ligereza es tanto rendimiento como declaración de principios.

Lo que más me gusta de estos clubs no es tanto “entrar” en uno u otro, sino las preguntas que te obligan a hacerte. Más que “¿cumplo la cifra?”, la interesante es: “¿por qué pesa esto lo que pesa?”. Solo por eso ya merece la pena echar un vistazo

Pero en un blog personal, donde muchas veces lo esencial es escribir, enlazar, compartir y ordenar ideas, preguntarse cuánto pesa la página me parece bastante sano. No para competir ni para presumir, sino para recordar que muchas veces “menos” sigue siendo suficiente.

Como “peso” mi web

Para “pesar” tu web, lo más sencillo es usar el escáner de URLs de Cloudflare Radar o las herramientas del navegador web.

Cloudflare Radar

• Entra en el escáner de URLs de Cloudflare Radar (URL Scanner).
• Pega la URL de tu página (por ejemplo, la portada del blog) y haz clic en el botón Publico si quieres que los resultados sean públicos o por el contrario haz cloc en Sin listar si quieres que no aparezcan.

• Cuando acabe el análisis, busca la tarjeta de Red y fíjate en el dato de Total de Bytes , esos son los kB/MB que se descargan al abrir esa página.

Herramientas del navegador

• Abre tu web en el navegador (Chrome, Firefox, etc.).
• Abre las Herramientas de desarrollo (suele ser F12 o clic derecho → “Inspeccionar”).

• Ve a la pestaña Red y recarga la página con esa pestaña abierta (en Firefox, pulsa en el icono de el Cronómetro).

• Mira abajo el total de datos transferidos. Ese número es el peso de todo lo que se ha descargado para mostrar esa página.

Con esas dos formas puedes ir comparando cambios: haces un ajuste (quitas una fuente, comprimes una imagen, etc.), vuelves a medir y ves si tu blog ha adelgazado.

Espero que te haya gustado, pasa un buen día. 🐧