{"id":196,"date":"2016-03-02T17:05:15","date_gmt":"2016-03-02T16:05:15","guid":{"rendered":"https:\/\/vgrutv.wordpress.com\/?p=196"},"modified":"2022-07-20T14:52:13","modified_gmt":"2022-07-20T12:52:13","slug":"forsta-utvarderingen-av-prestandabudgeten","status":"publish","type":"post","link":"https:\/\/vgrblogg.se\/utveckling\/2016\/03\/02\/forsta-utvarderingen-av-prestandabudgeten\/","title":{"rendered":"F\u00f6rsta utv\u00e4rderingen av prestandabudgeten"},"content":{"rendered":"

I projektdirektivet f\u00f6r uppgraderingen av v\u00e5ra externa webbplatser till senaste Episerver CMS hade vi vissa krav p\u00e5 prestanda. De kan summeras till:<\/p>\n

    \n
  1. Mallarna ska minst till 95% leva upp till WCAG 2.0 niv\u00e5 AA.<\/li>\n
  2. Google Pagespeed minst 50 f\u00f6r mobil, minst 80 f\u00f6r dator.<\/li>\n
  3. Svarstid under 2 sekunder i 95% av fallen.<\/li>\n<\/ol>\n

    F\u00f6rutom den tredje punkten \u00e4r de kraven v\u00e4sentligt mycket l\u00e4gre \u00e4n de vi senare satte i prestandabudgeten<\/a>. S\u00e5 nu n\u00e4r projektet \u00e4r praktiskt taget \u00f6ver \u00e4r det dags att kolla hur resultatet blev, se ifall projektet levde upp till sina krav.<\/p>\n

    Att mallarna lever upp till WCAG:s niv\u00e5 AA \u00e4r n\u00e5got v\u00e5ra utvecklare \u00e5terkommer om. Exakt hur vi ska h\u00e5lla koll p\u00e5 det fram\u00f6ver \u00e4r jag inte s\u00e4ker p\u00e5, det \u00e4r lite av en egen expertis att kunna testa tillg\u00e4nglighet fullt ut p\u00e5 en webbplats.<\/p>\n

    Hur blev det d\u00e5?<\/h2>\n

    Jo, p\u00e5 punkt tv\u00e5 f\u00f6r mobilt \u00e4r det mellan 66-77 av 100 i Google Pagespeed. F\u00f6r dator \u00e4r det mellan 78-96 av 100.
    \nSvarstiden har jag m\u00e4tt hos Pingdom i n\u00e5gra dagar och det \u00e4r bara en fj\u00e4rdedel av de angivna tv\u00e5 sekunderna. F\u00f6rutsatt att tillg\u00e4nglighetstestet \u00e4r ok s\u00e5 kan jag inte s\u00e4ga annat \u00e4n – bra jobbat, helt enkelt!<\/p>\n

    \"Svarstid<\/a>
    Enligt svenska Pingdom \u00e4r svarstiden p\u00e5 cirka 0,5 sekunder. Klart under de 2-3 sekunder vi har budgeterat f\u00f6r.<\/figcaption><\/figure>\n

    S\u00e5 det ser ut som att \u00e4ven prestandadelen kommer g\u00e5 \u00f6ver till f\u00f6rvaltning. Det inneb\u00e4r att vi fram\u00f6ver str\u00e4ver att uppn\u00e5 en h\u00f6gre niv\u00e5 \u00e4n de minimikrav vi hade p\u00e5 projektet. Mest m\u00e4rkbart blir v\u00e4l att vi vill h\u00e5lla en r\u00e4tt h\u00f6g prestanda enligt Google Pagespeed.<\/p>\n

    ”A higher score is better and a score of 85 or above indicates that the page is performing well<\/strong>.”
    \n    – Google, om sin tj\u00e4nst Pagespeed<\/a><\/p><\/blockquote>\n

    Som du listar ut s\u00e5 har vi satt 85 av 100 som niv\u00e5 i v\u00e5r prestandabudget f\u00f6r mobil anv\u00e4ndning. Vi har en liten bit kvar till den niv\u00e5n, men det tycks mest handla om hur vi b\u00e4ddar in bilder fr\u00e5n v\u00e5rt bildsystem Fotoweb.<\/p>\n

    B\u00e5de vi och v\u00e5r leverant\u00f6r har ett bra fokus p\u00e5 prestanda och ganska ofta ser jag att prestanda \u00e4r ett argument f\u00f6r eller emot n\u00e5got som diskuteras per mejl. Fantastiskt kul att vi f\u00e5tt till den kulturf\u00f6r\u00e4ndringen att prestanda \u00e4r viktigt och konkret nog att prata om!<\/p>\n

    St\u00e4ndiga (prestanda)f\u00f6rb\u00e4ttringar<\/h2>\n

    Jag har lagt upp n\u00e5gra exempelsidor f\u00f6r att kunna f\u00f6lja v\u00e5r efterlevnad till prestandabudgeten. Inneh\u00e5llet p\u00e5 respektive sida ska vara representativt f\u00f6r hur en webbredakt\u00f6r kan t\u00e4nkas anv\u00e4nda sidmallen. Po\u00e4ngen \u00e4r att sidornas redaktionella inneh\u00e5ll inte drastiskt ska f\u00f6r\u00e4ndras \u00f6ver tid. F\u00f6r\u00e4ndras behoven stort kommer vi hellre l\u00e4gga till nya testsidor med nytillkomna mallar eller funktioner. Det \u00e4r viktigt att inte \u00e4ndra f\u00f6ruts\u00e4ttningarna eller f\u00f6rst\u00f6ra sin insamlade datas j\u00e4mf\u00f6rbarhet bak\u00e5t i tiden.<\/p>\n

    Detta \u00e4r v\u00e5ra utpekade testsidor:<\/p>\n