¿Cual debería de ser el tamaño de una página web?

¿Cuanto debería de pesar una página Web?

¿Cual debería de ser el tamaño de una página web?

Una pregunta que me suelen realizar los alumnos del área Web de la escuela, es: ¿cuál debería de ser el tamaño de una página web? ¿cuántos megabytes son demasiados?

En este artículo, intentaré dar una respuesta a esta pregunta que, como verás, no tiene una respuesta tan fácil como podría parecer.

¿Cómo puedo saber el tamaño de una página web?

Antes de contestar a la pregunta de si nuestra página web pesa mucho o poco, tenemos que saber cuánto pesa.

Para saber cuánto ocupan todos los archivos que componen una página web, probablemente lo más sencillo sea utilizar nuestro navegador. Como Google Chrome es el más utilizado, vamos a ver cómo averiguar el tamaño de nuestra página con este navegador. Para realizar esta prueba correctamente, lo ideal es que la página se encuentre colgada en un servidor, ya sea en Internet o con un servidor web local en nuestro ordenador (como por ejemplo, XAMPP).

Para averiguarlo, lo único que tenemos que hacer es seguir estos pasos:

  • Abrir una pestaña del navegador Chrome.
  • Pulsar F12 (o botón derecho + inspeccionar).
  • En el panel de herramientas que se mostrará, tenemos que ir a la pestaña que dice «Network«.
  • Y marcaremos la casilla que dice [x] disable cache.
  • Después simplemente introducimos la dirección de nuestra página.
Como averiguar el tamaño de una página web con Google Chrome

Como averiguar el tamaño de una página web con Google Chrome

En la pestaña «Network» de las herramientas de desarrollo, deberíamos de poder ver todos archivos que ha cargado nuestra página, el tiempo que ha tardado y el tamaño total de los datos que se han transferido. Cuantos menos archivos, menos tamaño y menos tiempo, suele ser mejor. Pero, volviendo al tema de este artículo, ¿cuánto es demasiado?

La evolución del tamaño de una página web

A principios de la década actual, el tamaño medio de las páginas web rondaba los 700 Kbytes. Actualmente, a finales de 2017, se calcula que el tamaño medio ya ha superado los 3.300 Kbytes. ¡Esto supone un aumento de más del 470%!

Pero, ¿qué ha contribuido a este aumento tan espectacular en el tamaño de las páginas Web?

Valores medios del tamaño de una página web en 2010

Valores medios del tamaño de una página web en 2010

 

Valores medios del tamaño de una página web en 2017

Valores medios del tamaño de una página web en 2017

Como se puede ver en estas gráficas, que comparan los años 2010 y 2017, los principales culpables son:

  • Los scripts, cuyo tamaño ha aumentado alrededor de un 400%.
  • Las imágenes, cuyo tamaño ha aumentado alrededor de un 450%.
  • Los videos, que han irrumpido hasta suponer casi un 25% del tamaño de página medio.

Si tenéis más curiosidad y queréis ver muchas gráficas, podéis visitar la página de estadísticas de HTTP Archive.

Ahora bien, ¿significa todo esto que debemos de evitar a toda costa hacer páginas web que superen los 3 megabytes?

La respuesta es NO.

Que la media sea de 3 megabytes no significa que no existan páginas mucho más pequeñas y páginas considerablemente grandes. Si tenemos, por ejemplo, dos páginas de 1 megabyte, y otras dos páginas de 5 megabytes, la media de estas cuatro páginas es 3 megabytes. Del mismo modo, en Internet hay muchas páginas más grandes, y también, muchas páginas más pequeñas. Por lo que ese tamaño de 3 megabytes es solo una referencia y no algo que debamos de tomar como una medida objetiva e inmutable.

Obviamente, cuanto más ligera sea nuestra página, más rápido cargará. Lo cual suele ser valorado positivamente por los usuarios, pero eso no implica que tengamos que reducir el contenido al mínimo.

El tamaño es sin duda un dato que debemos de vigilar y controlar si queremos asegurarnos una adecuada experiencia de usuario para nuestro sitio Web, que favorezca que los usuarios regresen a nuestra página.

Nos vemos en el próximo artículo, un saludo!

 

2Comentarios

  • Josue
    20/06/2021

    ¿Cómo medir el tamaño de cada una de mis páginas de mi sitio web? Y cuál es la diferencia entre el espacio que ocupa en Disco?

Escribe un comentario