Utvärdera webbplatsers laddningstid och användbarhet

By . Latest revision .

Du skall välja ut ett antal olika webbplatser och testa dem för att mäta hur snabbt de laddas och om de innehåller några saker som kan förbättras med tanke på laddningstid och användbarhet.

Du kan jobba enskilt eller i grupp (2-4 personer) för att lösa denna uppiften.

#Förkunskaper

Du har gjort den föregående utredningsuppgiften “Utvärdera webbplatsers färgval och känslan de signalerar” så du har ett format för att skriva din rapport i.

#Introduktion

Även om ni jobbar i grupp så skall var och en av er lägga in varsin analys i sin egen redovisa-sida.

Förbered dig inför uppgiften genom att jobba igenom kursmomentets läsanvisningar under “Webbplatsers laddningstid”.

När du mäter laddningstid via devtools och filken “Network” så använd shift-ctrl-r så att webbläsaren inte använder sina cachade objekt.

#Krav

  1. Skapa en ny rapport i content/rapport/05_laddningstid.md.

  2. Välj ut 3 webbplatser som skall analyseras, berätta hur du gjorde urvalet.

  3. Beskriv vilka verktyg du använde och hur du utförde arbetet för att samla in dina mätvärden. Det blir en kort beskrivning av din metod.

  4. Skapa ett excelark, till exempel Google Kalkylark, för att spara dina mätningar i. För allt du nu skall mäta, dokumentera det i excelarket. Länka till ditt excelark så man ser rådatan.

  5. För varje webbplats, gör följande:

    1. Ta en snapshot (bild) på webbplatsen.
    2. Välj ut tre sidor (bifoga länkarna) som skall mätas med Google Pagespeed. Mät på både Mobile och Desktop. Notera de betyg som ges.
    3. För varje sida, mät med devtools flik networks och notera sidans laddningstid tillsammans med antalet resurser som laddas samt sidans totala storlek. För varje sida gör mätningen tre gånger och ta snittet av mätvärdena.
    4. Diskutera och skriv en mening om hur webbplatsen kan förbättra sig.
  6. Sammanfatta ditt resultat i en analys och skriv om vilka de vanligaste förbättringsåtgärderna verkar vara för ditt urval av webbplatser.

  7. Rangordna dina webbplatser baserat på deras mätvärden och utse en vinnare i testet och kommentera resultatet.

  8. Bestäm en gräns för absolut laddningstid som du själv uppfattar som snabb eller långsam webbplats. Skriv en mening om hur ditt urval av webbplatser klarar ditt gränsvärde och hur du upplever webbplatsernas snabbhet, rent generellt, i ditt urval.

  9. I slutet av rapporten skriver du ett eget stycke med namnen på dina gruppmedlemmar.

#Tips från coachen

Lycka till och hojta till i forumet om du behöver hjälp!

#Revision history

  • 2018-12-03: (G, mos) Mindre justeringar i kravtexten.
  • 2018-10-25: (F, mos) Genomarbetad inför ht18.
  • 2017-11-27: (E, mos) Genomgången inför ht17, justerade antal webbplatser.
  • 2016-12-04: (D, mos) Ta en snapshot på webbplatsen och rangordna dem.
  • 2016-12-02: (B, mos) La till krav om att beskriva urvalet och metoden.
  • 2016-10-26: (A, mos) Första utgåvan.

Document source.

Category: kurs/design, tema.