cómo determinar el tamaño de una página web
hablo mucho sobre el tamaño de la página web. Pero ¿qué significa eso? Déjame explicarte y mostrarte cómo puedes comprobarlo tú mismo.
El tamaño de una página web es el tamaño de los archivos que se cargan para mostrar la página. Puede haber una diferencia entre el tamaño transferido y el tamaño real de los archivos (descomprimidos, digamos), pero puede encontrar más sobre esto en el post «making of».,
hay 2 maneras de comprobar cuál es el tamaño de una página web:
- usando una herramienta en línea
- usando la consola de su navegador
veamos ambos con algún detalle.
Buscar en línea
Hay herramientas en línea para comprobar una página web de tamaño. Por ejemplo, puede hacerlo usando https://tools.pingdom.com. Escribe o pega la URL de la página que quieres comprobar y listo. Obtendrá una gran cantidad de datos, entre los cuales el tamaño de la página.
hice esto para esta página y me dio 23 kb., Los valores exactos pueden diferir entre las herramientas y el segundo método a continuación. Sin embargo, las diferencias serán relativamente pequeñas, especialmente para las páginas grandes. Usted tendrá una buena idea si se trata de una página pequeña o grande.
Comprobar en el navegador
Éste es más complejo y puede funcionar de forma diferente dependiendo de tu navegador. Sin embargo, te guío a través del proceso.
- Primero, vamos de incógnito. Es posible que tenga algunas extensiones o complementos en su navegador que también cargan cosas., Normalmente están apagados en modo incógnito.
- haga clic con el botón derecho del ratón y elija la opción Inspeccionar elemento o algo similar. Esto abrirá una ventana o barra lateral adicional con información sobre la estructura HTML de la página web.
- Hay varias pestañas en la ventana adicional. Necesitas el que se llama Network. Asegúrese de desactivar la caché del navegador – normalmente, que es el valor predeterminado-para que su navegador cargará todo de forma limpia.
- Actualizar la página.
- en la parte inferior de la ventana encontrará el resultado que ha estado buscando., Probablemente hay 2 valores, que pueden ser los mismos dependiendo de si la transferencia se realiza en un formato comprimido especial o no:
- Tamaño de Transferencia: esta es la cantidad de archivos que se transfieren realmente. Esto es lo que quería saber, porque esto tiene el mayor impacto ya que esta cantidad se transfiere desde el servidor.
- Tamaño de los recursos: Este es el tamaño real de los archivos utilizados para construir la página.,
El tamaño de esta página
Ok, esto es una especie de inicio, pero comprobé el tamaño de transferencia de los archivos para esta página en Google Chrome y me dio 16 kb. En Firefox, era de 23 kb, y en Edge 13 kb. Puede haber diferencias significativas, especialmente en tamaños de página pequeños. Algunos navegadores cargan algunos activos que otros no. Firefox carga, por ejemplo, 2 imágenes adicionales para utilizarlas en su pantalla de inicio para los sitios visitados., Sin embargo, se tiene una idea sobre el tamaño de la página, en relación con la mediana de más de 2000 kb.
Algunos ejemplos de la vida real
Ahora algunos ejemplos de la vida real. Comprobé el tamaño de la transferencia para la página principal de 5 sitios web populares (y Greenpeace). Usé el segundo método, usando Google Chrome en una computadora de escritorio sin desplazarse.,
| 380 kb | |
| Youtube | 2400 kb |
| Amazon | 3600 kb |
| New York Times | 5800 kb |
| Time Magazine | 4100 kb |
| Greenpeace | 3200 kb |
Most pages are quite large.
Of course, they contain a lot of images and scripts, but even Google’s search page is 380 kb., Esto significa que cada vez que visita google.com, 0.21 g de CO2e se libera a la atmósfera. Obtenga más información sobre la emisión de carbono de las páginas web aquí.
te dejo hacer los cálculos para las otras páginas más grandes. Es por eso que creo que el tamaño de la página importa.
Esta página se carga en aproximadamente un 18 kb.
