Articles

Hvordan for å bestemme størrelsen på en web-side

jeg snakker mye om web-side størrelse. Men hva betyr det? La meg forklare og vise deg hvordan du kan sjekke det selv.

En web-side størrelse er størrelsen på filer som er lagt inn for å vise siden. Det kan være en forskjell mellom overført størrelse og den faktiske størrelsen på filene (pakket ut, la oss si), men du kan finne mer om dette i «making of» – innlegg.,

Det er 2 måter å sjekke hva størrelsen av en nettside er:

  1. ved Hjelp av et nettbasert verktøy
  2. ved Hjelp av nettleseren din konsoll

La oss se på begge deler i noen detalj.

Sjekk det på nettet

Det er online verktøy for å sjekke en web-side størrelse. For eksempel, du kan gjøre det ved hjelp av https://tools.pingdom.com. Skriv eller lim in URL-adressen til siden du ønsker å sjekke, og det du går. Du vil få en masse data, blant annet størrelsen på siden.

jeg gjorde dette for denne siden, og det ga meg 23 kb., De nøyaktige verdiene kan variere mellom verktøy og den andre metoden nedenfor. Forskjellene vil være relativt små, men spesielt for store sider. Vil du ha en god idé om det er en liten eller stor side.

Sjekk det i din nettleser

Dette er mer komplekse, og det kan fungere forskjellig avhengig av nettleseren din. Jeg guide deg gjennom prosessen selv.

  1. Første, la oss gå inkognito. Du kan ha noen utvidelser og add-ons i din nettleser det også laste ting., De er normalt av i inkognitomodus.
  2. høyreklikk med musen og velg alternativet » Inspect element eller noe lignende. Dette vil åpne et ekstra vindu eller sidebar med informasjon om HTML-struktur på web-siden.
  3. Det er flere faner i ekstra vindu. Du trenger en som heter Nettverk. Sørg for å deaktivere nettleserens cache – normalt, som er standard – så vil nettleseren laste inn alt på riktig måte.
  4. Oppdatere siden.
  5. På bunnen av vinduet finner du det resultatet du har vært på jakt etter., Det er trolig 2 verdier, som kan være det samme, avhengig av om overføringen er skjedd i en spesiell zip-format eller ikke:
    • Overføring filstørrelse: dette er mengden av filer som faktisk er overført. Dette er hva du ønsket å vite, fordi dette gjør mest innflytelse siden dette beløpet er overført fra serveren.
    • Størrelse på ressurser: Dette er den faktiske størrelsen på filer som brukes til å bygge side.,

Denne siden er størrelsen

Ok, dette er på en måte en begynnelse, men jeg sjekket overføring størrelsen på filene for denne siden i Google Chrome, og det ga meg 16 kb. I Firefox, det var 23 kb, og i Kanten 13 kb. Det kan være betydelige forskjeller, spesielt på de små side størrelser. Noen nettlesere legg noen eiendeler som andre ikke gjør det. Firefox laster, for eksempel, 2 ekstra bilder for å bruke dem på sin hjem-skjermen for nettstedene du har besøkt., Likevel, kan du få en idé om side størrelse, i forhold til medianen av mer enn 2000 kb.

Noen virkelige eksempler

Nå er noen virkelige eksempler. Jeg sjekket overføring størrelse for hjemmesiden til 5 populære nettsteder (og Greenpeace). Jeg brukte den andre metoden, ved å bruke Google Chrome på en stasjonær datamaskin uten å måtte rulle det.,

Google 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., Dette betyr at hver gang du besøker google.com, 0.21 g av Co2-ekvivalenter er sluppet ut i atmosfæren. Finn ut mer om karbon-utslipp av web-sider her.

jeg la du gjøre regnestykket for de andre, større sider. Dette er grunnen til at jeg tror at siden størrelsen teller.

Denne siden er lagt i ca 18 kb.