Come determinare la dimensione di una pagina web
Parlo molto delle dimensioni della pagina web. Ma cosa significa? Lascia che ti spieghi e ti mostri come puoi controllarlo tu stesso.
La dimensione di una pagina Web è la dimensione dei file caricati per visualizzare la pagina. Ci può essere una differenza tra la dimensione trasferita e la dimensione effettiva dei file (decompressi, diciamo), ma puoi trovare maggiori informazioni su questo nel post “making of”.,
Ci sono 2 modi per verificare qual è la dimensione di una pagina web:
- Utilizzando uno strumento online
- Utilizzando la console del browser
Diamo un’occhiata a entrambi in dettaglio.
Controlla online
Ci sono strumenti online per controllare le dimensioni di una pagina web. Ad esempio, puoi farlo usando https://tools.pingdom.com. Digitare o incollare l’URL della pagina che si desidera controllare e ci si va. Otterrai molti dati, tra cui la dimensione della pagina.
L’ho fatto per questa pagina e mi ha dato 23 kb., I valori esatti possono differire tra gli strumenti e il secondo metodo di seguito. Le differenze saranno relativamente piccole, tuttavia, soprattutto per le pagine di grandi dimensioni. Avrai una buona idea se si tratta di una pagina piccola o grande.
Controlla nel tuo browser
Questo è più complesso e può funzionare in modo diverso a seconda del tuo browser. Ti guido attraverso il processo però.
- Per prima cosa, andiamo in incognito. Potresti avere alcune estensioni o componenti aggiuntivi nel tuo browser che caricano anche cose., Normalmente sono spenti in modalità incognito.
- Fare clic con il tasto destro del mouse e scegliere l’opzione Ispeziona elemento o qualcosa di simile. Si aprirà una finestra aggiuntiva o barra laterale con informazioni sulla struttura HTML della pagina web.
- Ci sono diverse schede nella finestra aggiuntiva. Hai bisogno di quello chiamato Rete. Assicurarsi di disabilitare la cache del browser-normalmente, che è il default-in modo che il browser caricherà tutto in modo pulito.
- Aggiorna la pagina.
- Nella parte inferiore della finestra troverai il risultato che stavi cercando., Probabilmente ci sono 2 valori, che possono essere gli stessi a seconda che il trasferimento sia avvenuto in uno speciale formato zippato o meno:
- Transfer size: questa è la quantità di file effettivamente trasferiti. Questo è quello che volevi sapere, perché questo ha il maggior impatto dal momento che questa quantità viene trasferita dal server.
- Dimensione delle risorse: Questa è la dimensione effettiva dei file utilizzati per creare la pagina.,
La dimensione di questa pagina
Ok, questa è una specie di inizio, ma ho controllato la dimensione di trasferimento dei file per questa pagina in Google Chrome e mi ha dato 16 kb. In Firefox, era 23 kb e in Edge 13 kb. Ci possono essere differenze significative, soprattutto a piccole dimensioni della pagina. Alcuni browser caricano alcune risorse che altri non lo fanno. Firefox carica, ad esempio, 2 immagini aggiuntive per utilizzarle nella schermata iniziale per i siti visitati., Tuttavia, si ottiene un’idea circa la dimensione della pagina, rispetto alla mediana di oltre 2000 kb.
Alcuni esempi di vita reale
Ora alcuni esempi di vita reale. Ho controllato la dimensione del trasferimento per la homepage di 5 siti Web popolari (e Greenpeace). Ho usato il secondo metodo, utilizzando Google Chrome su un computer desktop senza scorrere.,
| 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., Ciò significa che ogni volta che si visita google.com, 0.21 g di CO2e è rilasciato nell’atmosfera. Scopri di più sull’emissione di carbonio delle pagine web qui.
Ti lascio fare i conti per le altre pagine più grandi. Questo è il motivo per cui credo che le dimensioni della pagina siano importanti.
Questa pagina è caricata in circa 18 kb.
