Articles

hur man bestämmer storleken på en webbsida

by admin

jag pratar mycket om webbsida storlek. Men vad betyder det? Låt mig förklara och visa dig hur du kan kontrollera det själv.

en webbsida storlek är storleken på de filer som läses in för att visa sidan. Det kan finnas en skillnad mellan den överförda storleken och den faktiska storleken på filerna (unzipped, låt oss säga), men du kan hitta mer om detta i ”making of” – posten.,

det finns 2 sätt att kontrollera storleken på en webbsida är:

  1. använda ett onlineverktyg
  2. använda webbläsarens konsol

låt oss titta på båda i detalj.

kontrollera det online

det finns onlineverktyg för att kontrollera en webbsida storlek. Du kan till exempel göra det med https://tools.pingdom.com. Skriv eller klistra in i webbadressen till sidan du vill kontrollera och där du går. Du kommer att få mycket data, bland annat storleken på sidan.

Jag gjorde detta för den här sidan och det gav mig 23 kb., De exakta värdena kan skilja sig mellan verktyg och den andra metoden nedan. Skillnaderna kommer dock att vara relativt små, särskilt för stora sidor. Du kommer att ha en bra idé om det är en liten eller stor sida.

kontrollera den i din webbläsare

den här är mer komplex och den kan fungera annorlunda beroende på din webbläsare. Jag guidar dig genom processen men.

  1. först, låt oss gå inkognito. Du kan ha några tillägg eller tillägg i din webbläsare som också laddar saker., De är normalt avstängda i inkognitoläge.
  2. högerklicka med musen och välj alternativet inspektera elementet eller något liknande. Detta öppnar ett extra fönster eller sidofält med information om HTML-strukturen på webbsidan.
  3. Det finns flera flikar i det extra fönstret. Du behöver den som heter Network. Var noga med att inaktivera webbläsarens cache – normalt är det standard – så din webbläsare laddar allt rent.
  4. uppdatera sidan.
  5. längst ner i fönstret hittar du det resultat du har letat efter., Det finns förmodligen 2 värden, vilket kan vara samma beroende på om överföringen sker i ett speciellt zippat format eller inte:
    • Överföringsstorlek: det här är mängden filer som faktiskt överförs. Detta är vad du ville veta, eftersom detta gör mest effekt eftersom detta belopp överförs från servern.
    • resursens storlek: det här är den faktiska storleken på de filer som används för att bygga sidan.,

den här sidans storlek

Ok, det här är typ av start, men jag kontrollerade överföringsstorleken på filerna för den här sidan i Google Chrome och det gav mig 16 kb. I Firefox var det 23 kb och i Edge 13 kb. Det kan finnas betydande skillnader, särskilt vid små sidstorlekar. Vissa webbläsare laddar vissa tillgångar som andra inte gör. Firefox laddar till exempel 2 ytterligare bilder för att använda dem på startskärmen för besökta webbplatser., Ändå får du en uppfattning om sidstorleken, i förhållande till medianen på mer än 2000 kb.

några verkliga exempel

nu några verkliga exempel. Jag kollade överföringsstorleken för hemsidan för 5 populära webbplatser (och Greenpeace). Jag använde den andra metoden, med hjälp av Google Chrome på en stationär dator utan att rulla.,

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., Detta innebär att varje gång du besöker google.com, 0.21 g CO2e släpps ut i atmosfären. Läs mer om koldioxidutsläpp av webbsidor här.

Jag låter dig göra matten för de andra, större sidorna. Det är därför jag tror att sidstorleken är viktig.

den här sidan laddas i ca 18 kb.