google-chrome - quitar - don''t open developer tools traduccion

Medir el tamaño de la página completa en Chrome DevTools

Question

He estado buscando en Google por algún tiempo pero no he encontrado ninguna solución clara para esto.

Quiero medir el peso / tamaño de la página web completa (todos los archivos + scripts + fuentes + estilos, etc.). Sé que la pestaña de red en devtools tiene tamaño / contenido, pero quiero que sea sumada (y no sumarla cada vez).

He estado buscando la API chrome.devtools. *, Pero no he encontrado nada sencillo.

¿Tienes algunas ideas de cómo lograrlo?

Answer 1

En la pestaña Red, asegúrese de que la opción ''Deshabilitar caché'' esté marcada y luego, cuando cargue una página, mire el panel inferior para ver el tamaño total de la transferencia. Ver captura de pantalla a continuación:

Los tamaños individuales están redondeados, pero el total en la parte inferior utiliza el tamaño de byte, que puede ver en el HAR. El total entonces se redondea para mostrar. Si encuentra una ligera falta de coincidencia entre la suma de los individuos y el total mostrado por DevTools, esa es la razón.