Misurare le dimensioni della pagina intera in Chrome DevTools

Question

Ho cercato su Google per un po 'di tempo ma non ho trovato alcuna soluzione chiara per questo.

Voglio misurare il peso/la dimensione della pagina web (tutto il dossier + script + caratteri + stili, ecc.). So che la scheda di rete in devtools ha dimensione/contenuto, ma voglio averlo sommato (e non sommarlo ogni volta).

Ho cercato chrome.devtools. * API ma non ho trovato nulla di diretto.

Avete qualche idea su come raggiungerlo?

Answer 1

Nella scheda Rete, assicurarsi che 'Disabilita cache' sia selezionato e quindi quando si carica una pagina, guardare il pannello in basso per la dimensione di trasferimento totale. Veda la figura sottostante:

Le singole misure sono arrotondati, ma il totale in fondo utilizza la dimensione in byte, che potete vedere nella HAR. Il totale è quindi arrotondato per la visualizzazione. Se trovi una leggera discrepanza tra la somma degli individui e il totale mostrato da DevTools, questa è la ragione.