Yamoos Blogg

Författare: yamooskibidi17

  • Moment 5 – Optimerade bilder

    Åtgärder

    • Ändra om formatet till WebP
    • Ändra själva skalan på bilden
    • Komprimera bilderna

    RESULTAT:

    Efter att ha komprimerat och ändrat format på bilderna och även skalan så har prestandan ökat en del vilket indikerar att de förslag på åtgärder jag angav ovanför fungerade. Det var dock en bild jag inte kunde ändra formatet på då man behövde betala extra så den bilden hoppade jag över vilket är en av anledningarna till att prestandan inte blev tillräckligt hög för att klassas som bra.

  • Moment 5 – Prestanda

    Resultaten:

    2 av 3 tjänster påpekar laddningstiden och alla tre sidor påpekar sid storleken.

    Åtgärder

    • Minska storleken på bilderna så att sidan laddar snabbare.
    • Ändra om bilderna till WebP eller AVIF format då de laddar snabbare.

    Efter komprimering av koden så gick prestandan upp lite men inte alls mycket vilket säger i sig att prestandan beror på större faktorer än ”tomrum” mellan kodraderna. Exempelvis kan det vara bildstorlekar, sådana saker som gör att sidan laddas långsammare.

  • Moment 5 – Validering

    ÄNDRINGAR

    • jag lade till lang=sv för att visa att koden var på svenska
    • flyttade <!DOCTYPE html> till längst upp
    • ändrade chartset till charset
    • flyttade ner body taggen till efter style
    • tog bort main och section
    • lade till alt text för alla bilder

    CSS

    • ändrade stavfel backgroundc-olor till background-color och main-conten till main-content
    • tog bort background-color: #fff;

    CSS validering:

    HTML validering: