Respuestas:
Abra las herramientas del desarrollador ( Ctrl+ Shift+ Io el ícono de configuración en la esquina superior derecha de la ventana de su navegador => Tools=> Developer tools) en la página necesaria, cambie a la pestaña Red y vuelva a cargar la página .
En la columna Tamaño , verá el tamaño de todo lo cargado ( Documentos, Hojas de estilo, Imágenes, Scripts, ... ). Puede habilitar el filtro para ayudarlo a encontrar solo las cosas necesarias en la parte inferior central del marco de herramientas del desarrollador.
He creado mi tercer inspector de tamaño de página de extensión de Chrome que informa rápidamente el tamaño de la página, el uso de caché, las solicitudes de red y el tiempo de carga de una página web de una manera conveniente.
Hay una extensión llamada " Visor de fuente rápida ", que almacena en caché todos los recursos cuando se carga una página. Abra el visor (icono azul), el tamaño (número de bytes) se muestra en el panel de navegación a la izquierda.