Skip to content
JSUX

JavaScript på Webben

Vi kommer igenom kursen ta ett analytiskt perspektiv på en verklig webbplats design utifrån temat från kursen: Att bygga en webbshop. I detta kursmoment tar vi ett lite mer tekniskt perspektiv.

Skapa rapportfilen

Section titled “Skapa rapportfilen”

Skapa en struktur för din rapport, det kommer fler sådana här uppgifter.

Terminal window
# Stå i kursrepot
touch reports/kmom03.md

Rapportstruktur

Section titled “Rapportstruktur”

När du skriver din rapport så kan du följa denna rubrikstruktur. Det är en struktur som är vanligt använd i rapportsammanhang (och i ditt kommande examensarbete).

Titel på rapporten
=======================


Skriv en eller två rader om vad uppgiften handlar om.


Urval
-----------------------


Berätta vilken webbplats du valt att undersöka och varför eller hur du gick tillväga när du gjorde ditt urval.


Metod
-----------------------


Berätta kort om din "metod", hur du gör för att utföra undersökningen. Berätta om du använder något speciellt verktyg.


Resultat
-----------------------


Dokumentera dina resultat från din studie. Berätta vad du kom fram till, vilka resultat du hittade och observerade.


Denna veckan kan en tabell i markdown vara på sin plats.


|               | Antal filer  | Mängd JavaScript  | Laddningstid  |
|---------------|--------------|-------------------|---------------|
| Förstasidan   |              |                   |               |
| Produktsidan  |              |                   |               |
| Ordersida     |              |                   |               |






Analys
-----------------------


Diskutera och analysera de resultaten du fann.


Referenser
-----------------------


Ange de eventuella referenser du använder dig av, om några.

Strukturen är inte absolut nödvändig, se den som en möjlighet att träna på god struktur av rapportskrivning.

Krav

Section titled “Krav”

  1. Utifrån din valda webbshop ska vi analysera hur mycket JavaScript som laddas in och används på webbplatsen.

  2. Välj tre enskilda sidor från din webbshop, förslagsvis förstasidan, en produktsida och en ordersida/varukorgen.

  3. Använd Network-fliken i din webbläsare och ladda om sidan utan cache.

  4. Filtrera ut så endast JavaScript filer visas, notera följande:

    1. Hur många JavaScript-filer laddas in på respektive sida?
    2. Hur stor mängd JavaScript laddas på respektive sida?
    3. Hur lång tid tar det att ladda de olika sidorna?