{"id":2475,"date":"2020-04-16T14:22:54","date_gmt":"2020-04-16T12:22:54","guid":{"rendered":"https:\/\/vgrblogg.se\/utveckling\/?p=2475"},"modified":"2020-04-17T08:47:56","modified_gmt":"2020-04-17T06:47:56","slug":"webbprestanda-covid-19","status":"publish","type":"post","link":"https:\/\/vgrblogg.se\/utveckling\/2020\/04\/16\/webbprestanda-covid-19\/","title":{"rendered":"S\u00e5 snabb \u00e4r VGR:s webbplats – klarar trycket fr\u00e5n Covid-19"},"content":{"rendered":"\n
94 % av sidorna p\u00e5 vgregion.se f\u00e5r n\u00e4ra p\u00e5 toppbetyg enligt verktyget Google Pagespeed. Det \u00e4r inte det minsta f\u00f6rv\u00e5nande. Vi har jobbat med webbprestanda ganska l\u00e4nge. Tankarna slog kanske rot p\u00e5 allvar under utbrottet av svininfluensa f\u00f6r tio \u00e5r sedan n\u00e4r vi drev en regional version av det material vi numera har samlat nationellt p\u00e5 1177.se. <\/p>\n\n\n\n\n\n\n\n
Under den mest intensiva perioden av svininfluensan hade vi n\u00e4ra p\u00e5 80 000 bes\u00f6k per dag ist\u00e4llet f\u00f6r cirka 9 000, och det var inte j\u00e4mnt utspritt \u00f6ver dygnet vilket st\u00e4llde till det rent tekniskt f\u00f6r oss.<\/p>\n\n\n\n
D\u00e5, 2009, stod inte alla v\u00e5ra webbplatser pall f\u00f6r allt intresse och vissa webbsidor hade i flera dagar problem med att visa upp sig i rimlig tid. Den h\u00e4r g\u00e5ngen \u00e4r vi betydligt mer redo. Men prestanda \u00e4r m\u00e5ngfacetterad. Det \u00e4r viktigt att inte alla som bygger webbplatser agerar sl\u00f6saktigt eftersom vi delar p\u00e5 den gemensamma resursen som \u00e4r Internet . Vi har gjort v\u00e5r heml\u00e4xa sedan tidigare men ser att vi faktiskt skulle kunna g\u00f6ra \u00e4nnu mer.<\/p>\n\n\n\n
Nedan f\u00f6ljer lite bes\u00f6ksstatistik, lite tester vi gjort nyligen om hur v\u00e5r webbplats orkar med ett \u00f6kat tryck och vilka f\u00f6rebyggande \u00e5tg\u00e4rder vi inf\u00f6rt p\u00e5 senare tid.<\/p>\n\n\n\n
I Matomo, som \u00e4r v\u00e5rt webbstatistikverktyg, kan vi se att bes\u00f6k till v\u00e5r webbplats har \u00f6kat senaste tiden, fr\u00e5n slutet av februari och b\u00f6rjan av mars. Trafiken n\u00e5dde en topp 12 mars och efter\u00e5t har trafiken mattats av n\u00e5got. Det finns anledning att tro att det var d\u00e5 det n\u00e5dde allm\u00e4nhetens medvetande, kanske genom att Danmark och Norge den 11:e b\u00f6rjade st\u00e4nga sina skolor. Det var en av dagarna d\u00e5 flest fall rapporterades enligt Folkh\u00e4lsomyndigheten<\/a>.<\/p>\n\n\n\n Under perioden 9-15 mars \u00f6kade trafiken med 84% j\u00e4mf\u00f6rt med veckan innan. Vi kan se att v\u00e5r webbsida om covid-19 ocks\u00e5 \u00f6kade under samma period.<\/p>\n\n\n\n V\u00e5r webbplats fungerar f\u00f6r m\u00e5nga anv\u00e4ndare som ett s\u00e4tt att navigera sig vidare, till exempel till 1177.se. Ett av v\u00e5ra viktigaste m\u00e5l p\u00e5 v\u00e5r webbplats \u00e4r logiskt nog att anv\u00e4ndaren snabbt ska kunna hitta till 1177.se. M\u00e5let vi m\u00e4ter \u00e4r d\u00e5 alla h\u00e4nvisningar till 1177.se, det vill s\u00e4ga n\u00e4r anv\u00e4ndaren g\u00e5r fr\u00e5n v\u00e5r webbplats till 1177.se. H\u00e4r kan vi ocks\u00e5 se en skillnad j\u00e4mf\u00f6rt med tidigare perioder.<\/p>\n\n\n\n Trycket mot v\u00e5ra webbplatser f\u00f6ljer i stort sett samma m\u00f6nster om vi j\u00e4mf\u00f6r oss med 1177.se, d\u00e4r f\u00f6rst\u00e5s m\u00e5nga landar direkt utan att g\u00e5 via v\u00e5ra webbplatser.<\/p>\n\n\n\n Det vi kan se s\u00e5 h\u00e4r l\u00e5ngt \u00e4r att anv\u00e4ndaren inte s\u00f6ker i n\u00e5gon stor utstr\u00e4ckning efter covid-19 p\u00e5 v\u00e5r webbplats. Det \u00e4r fortfarande v\u00e4ldigt sm\u00e5 volymer. V\u00e5r tolkning \u00e4r att majoriteten av anv\u00e4ndare hittar information genom att navigera sig fram. En teori \u00e4r att anv\u00e4ndarna inte beh\u00f6ver s\u00f6ka efter denna information d\u00e5 den \u00e4r st\u00e4ndigt n\u00e4rvarande i webbplatsens design sedan en tid tillbaka. <\/p>\n\n\n\n Den data vi har visar att anv\u00e4ndaren hittar information om covid-19 p\u00e5 v\u00e5r webbplats genom att g\u00e5 via v\u00e5r startsida, 1177.se eller genom att googla. En intressant liten iakttagelse \u00e4r att ungef\u00e4r 10% av trafiken kommer fr\u00e5n den nystartade sajten c19.se, som en privatperson ligger bakom. Det visar att anv\u00e4ndaren troligtvis hittar informationen p\u00e5 olika s\u00e4tt beroende p\u00e5 vem anv\u00e4ndaren \u00e4r. Till exempel \u00e4r en del av trafiken fr\u00e5n interna bes\u00f6kare, det vill s\u00e4ga anst\u00e4llda i VGR som anv\u00e4nder v\u00e5r externa webbplats f\u00f6r att hitta information om covid-19. Det beror p\u00e5 att p\u00e5 v\u00e5rt intran\u00e4t h\u00e4nvisar till den samlade regiongemensamma informationen som finns p\u00e5 vgregion.se.<\/p>\n\n\n\n Med den lilla s\u00f6kstatistik vi har kan vi i alla fall g\u00f6ra en intressant notering, att anv\u00e4ndarna fr\u00e4mst s\u00f6ker efter corona<\/em>. Hen s\u00f6ker allts\u00e5 inte efter covid-19<\/em> eller coronavirusinfektion<\/em>, som \u00e4r den korrekta ben\u00e4mningen. Vad anv\u00e4ndaren faktiskt s\u00f6ker efter beh\u00f6ver allts\u00e5 inte st\u00e4mma \u00f6verens med vad vi myndigheter faktiskt ben\u00e4mner saker och ting. Samma beteende g\u00e4ller ocks\u00e5 om anv\u00e4ndaren googlar. H\u00e4r nedan ser du trend senaste 30 dagarna \u00f6ver s\u00f6korden corona<\/em>, coronavirus<\/em> och covid-19<\/em> p\u00e5 Google (enligt deras trendverktyg). <\/p>\n\n\n\n J\u00e4mf\u00f6r vi d\u00e5 med s\u00f6kningar bland anv\u00e4ndare p\u00e5 1177.se ser vi i m\u00e5ngt och mycket samma m\u00f6nster. Av de tio mest frekventa s\u00f6kningarna 1-18:e mars \u00e4r det f\u00f6rst den tionde som rimligen inte \u00e4r relaterad till coronavirus, n\u00e4mligen s\u00f6kfrasen \u201cf\u00f6rnya recept\u201d<\/em>. Annars \u00e4r s\u00f6kfr\u00e5gorna f\u00f6ljande (fr\u00e5ga \/ antal fr\u00e5gor \/ procent av alla s\u00f6kfr\u00e5gor)<\/p>\n\n\n\n Totalt sett p\u00e5 1177.se st\u00e5r fr\u00e5gor som inneh\u00e5ller corona och covid f\u00f6r 11,4 % av alla s\u00f6kfr\u00e5gor. Allts\u00e5 att n\u00e5gon s\u00f6kt p\u00e5 covid-19 barn<\/em> och karant\u00e4n corona<\/em> och m\u00e5nga tusen andra kombinationer av ord.<\/p>\n\n\n\n Att prestanda \u00e4r viktigt m\u00e4rker man kanske f\u00f6rst n\u00e4r man inte l\u00e4ngre har n\u00e5gon. N\u00e4r webbplatsen inte l\u00e4ngre fungerar som den ska. Vid konstaterat faktum \u00e4r det troligen sv\u00e5rt att skyndsamt avhj\u00e4lpa problemen, \u00e5tminstone med den ordinarie webbplatsen, d\u00e5 det med en befintlig webbplats \u00e4r en utmaning att p\u00e5 ett avg\u00f6rande s\u00e4tt b\u00e4ttra p\u00e5 prestandan.<\/p>\n\n\n\n Vad man beh\u00f6ver \u00e4r n\u00e4mligen att ha agerat proaktivt med:<\/p>\n\n\n\n \u201c\u2026a design process that vet new features, content, or interaction against less-than-ideal user scenarios<\/strong>.\u201d Bara f\u00f6r att praktiskt taget alla har bredband hemma, och smarta mobiler, betyder inte det att n\u00e4tet \u00e4r n\u00e5got vi kan ta f\u00f6r givet. D\u00e4r uppst\u00e5r diverse st\u00f6rningar med j\u00e4mna mellanrum av helt naturliga orsaker och under kriser eller, n\u00e4r m\u00e5nga m\u00e4nniskor samlas p\u00e5 en geografisk plats, blir problemen st\u00f6rre.<\/p>\n\n\n\n Sen m\u00e5ste man komma ih\u00e5g att ens webbplats inte \u00e4r en sj\u00e4lvf\u00f6rs\u00f6rjande och isolerad f\u00f6reteelse. Den \u00e4r en del av det internationella n\u00e4tverket internet och har ofta ett antal beroenden f\u00f6r att fungera. Har inte dina anv\u00e4ndare en stabil uppkoppling kan det b\u00e5de leda till att de inte kommer \u00e5t en webbplats, men ocks\u00e5 att det tar extra resurser fr\u00e5n din webbserver att ge service till l\u00e5ngsamma mottagare. Du kan se det som att din webbserver \u00e4r en motorv\u00e4g med ett visst antal filer f\u00f6r fordon att passera \u00e5t vardera h\u00e5ll. Ifall en eller flera filer trafikeras av h\u00e4star som drar vagnar bakom sig kommer det minska antalet ekipage som snabbt kan komma fram.<\/p>\n\n\n\n S\u00e5klart beh\u00f6ver vi som erbjuder inneh\u00e5ll p\u00e5 webben ocks\u00e5 f\u00f6rst\u00e5 att det inte \u00e4r en o\u00e4ndlig resurs vi kan sl\u00f6sa med. I krissituationer \u00e4r det ol\u00e4mpligt att skicka flera megabyte med utsmyckningsbilder, str\u00f6mma video enbart i 4k och s\u00e5 vidare.<\/p>\n\n\n\n \u201dStr\u00f6mningstj\u00e4nsten Netflix kommer att s\u00e4nka kvaliteten p\u00e5 allt sitt inneh\u00e5ll i Europa de kommande 30 dagarna f\u00f6r att f\u00f6rhindra att internet g\u00e5r p\u00e5 kn\u00e4na. Beskedet kommer efter en v\u00e4djan fr\u00e5n EU-h\u00e5ll.\u201d<\/em> Ett s\u00e4tt att vid skapandet av en webbplats veta hur mycket den kommer klara av \u00e4r att simulera belastning. Detta f\u00f6r att se hur mycket webbplatsen orkar med – det kallas f\u00f6r lasttester. Man kan hyra \u201cl\u00e5tsasanv\u00e4ndare\u201d p\u00e5 n\u00e4tet f\u00f6r att studera n\u00e4r ens webbplats b\u00f6rjar f\u00e5 problem och om de problemen kan hanteras. Till en b\u00f6rjan kan n\u00e4mligen en \u00f6kad belastning g\u00f6ra webbplatsen snabbare men till sist brister det f\u00f6rst\u00e5s, och av den bristningen kan man l\u00e4ra sig n\u00e5got. Om man k\u00e4nner till ungef\u00e4r var bristningsgr\u00e4nsen g\u00e5r blir det l\u00e4ttare att planera f\u00f6r en extremt nedbantad kriswebbplats.<\/p>\n\n\n\n Andra sorters test \u00e4r att granska den tekniska konstruktionskvaliteten och det redaktionella inneh\u00e5llet. H\u00f6g webbprestanda \u00e4r intressant f\u00f6r en god anv\u00e4ndarupplevelse \u00e4ven n\u00e4r man inte riskerar bli \u00f6versk\u00f6ljd av anv\u00e4ndare till webbplatsen.<\/p>\n\n\n\n Det finns f\u00f6rst\u00e5s m\u00e5nga olika sorters verktyg, men de vi i detta sammanhang haft f\u00f6r vana att anv\u00e4nda \u00e4r Google Pagespeed och Sitespeed.io och nedan tittar vi n\u00e4rmare p\u00e5 dem.<\/p>\n\n\n\n F\u00f6r att backa upp den h\u00e4r artikeln med lite data har vi unders\u00f6kt 5 000 st undersidor p\u00e5 vgregion.se och nedan f\u00f6ljer lite tankeg\u00e5ngar och resultat. Sj\u00e4lva testverktyget har vi sl\u00e4ppt som open source f\u00f6r n\u00e5gra \u00e5r sedan men du beh\u00f6ver lite programmeringskunskaper f\u00f6r att anv\u00e4nda det – se mer om testverktyget Verifierad p\u00e5 Github<\/a>.<\/p>\n\n\n\n Google Pagespeed Insights har ett g\u00e4ng detaljer som ber\u00e4ttar om respektive testad webbsidas konstruktion. En annan intressant detalj \u00e4r att man b\u00e5de f\u00e5r ett sammanfattande betyg (SPEED) samt vilka saker som hade st\u00f6rst inverkan p\u00e5 hur betyget sattes. Ifall en webbsida har ett halvbra eller d\u00e5ligt betyg kan man allts\u00e5 se en viktad lista \u00f6ver varf\u00f6r betyget blev som det blev. Det kan handla om att webbservern \u00e4r l\u00e5ngsam, att man missat att aktivera komprimering, skickar bilder som inte \u00e4r optimerade f\u00f6r webben, med mera.<\/p>\n\n\n\n Det ska s\u00e4gas att vgregion.se generellt \u00e4r exceptionellt v\u00e4lbyggd i detta h\u00e4nseende. Men alla webbplatser som har n\u00e5gra \u00e5r p\u00e5 nacken b\u00f6rjar s\u00e5 sakteliga fr\u00e5ng\u00e5 de designval man hade inledningsvis. Det \u00e4r bara naturligt. S\u00e5 hur ser det ut nu? <\/p>\n\n\n\n 94 % av de testade webbsidorna f\u00e5r minst betyg 95 av 100 m\u00f6jliga i Google Pagespeed. Det var v\u00e4ntat. Lite vanligare betyg f\u00f6r andra organisationers webbplatser \u00e4r att ligga runt 70-80. <\/p>\n\n\n\n Men vad utg\u00f6r den lilla puckeln vid 50 p\u00e5 ovan bild? Det finns ett m\u00f6nster som f\u00f6rklarar detta. N\u00e5gra av dessa sidor h\u00e4mtar in externt inneh\u00e5ll vilket i vissa fall halverar betyget, andra g\u00e5nger \u00e4r det sidor som nog bes\u00f6ks s\u00e5 pass s\u00e4llan att de inte l\u00e5g i serverns n\u00e4rminne. Ett exotiskt s\u00e5dant exempel \u00e4r sidan som f\u00f6rklarar hur personer bosatta i Nordkorea ska debiteras om de upps\u00f6ker v\u00e5rden i VGR<\/a>.<\/p>\n\n\n\n De sidor som f\u00e5r mellan 75 och 95 p\u00e5 v\u00e5r webbplats kan f\u00f6rklaras med ett f\u00e5tal saker. Att vi b\u00e4ddar in exempelvis videoklipp fr\u00e5n tredjepartstj\u00e4nster och p\u00e5 k\u00f6pet f\u00e5r extramaterial vi inte sj\u00e4lva konstruerat. Sen det h\u00f6gst naturliga att webbredakt\u00f6rerna har kreativ frihet att skapa sidor, d\u00e4r exempelvis drygt 90 av de 5000 unders\u00f6kta sidorna har bilder som v\u00e4ger in p\u00e5 1 megabyte eller mer. Den tyngsta bilden \u00e4r p\u00e5 11,5 Mb. Det \u00e4r s\u00e5nt som h\u00e4nder och om antingen webbplatsen eller n\u00e4tet b\u00f6rjar strejka beh\u00f6ver det f\u00f6rst\u00e5s finnas beredskap att ta hand om s\u00e5dant.<\/p>\n\n\n\n Sitespeed \u00e4r ett m\u00e5ngsidigt verktyg som dessutom \u00e4r open source. Du hittar mer information p\u00e5 sitespeed.io<\/a><\/p>\n\n\n\n M\u00e4tningen vi gjorde inf\u00f6r denna artikel var p\u00e5 500 sidor p\u00e5 vgregion.se och det gjordes inte under optimala f\u00f6ruts\u00e4ttningar, men definitivt optimistiska j\u00e4mf\u00f6rt med hur sv\u00e5rt det kan vara. Det h\u00e4r \u00e4r ett verktyg som \u00e4r beroende av hur snabb internetuppkoppling man har. Under testtillf\u00e4llet var det 240 Mbit\/s nedladdning, 8 Mbit\/s uppladdning och 17 millisekunder i svarstid, enligt Bredbandskollen<\/a>. Det \u00e4r cirka en tredjedel mot vanligt p\u00e5 den uppkopplingen. Antagligen f\u00f6r att m\u00e5nga jobbar hemma, andra kollar p\u00e5 videotj\u00e4nster, etcetera.<\/p>\n\n\n\n Tester med Sitespeed p\u00e5verkas, till skillnad mot Google Pagespeed, av den bandbredd och uppkoppling man har vid testet. Som nyligen rapporterats har det varit svajig internetuppkoppling i Sverige i mitten av mars, samt att folk som \u00e4r hemma kanske har ett annat beteende \u00e4n vanligt. Det m\u00e4rks exempelvis genom att fr\u00e5n v\u00e5r testmaskin har h\u00e4lften s\u00e5 snabb uppkoppling som vanligt och dubbla svarstiden. L\u00e5ngsam hastighet p\u00e5verkar tyngre filer negativt och l\u00e5ngsam svarstid drar ner betyget om man har m\u00e5nga filer.<\/p>\n\n\n\n En vanligt sida p\u00e5 vgregion.se har laddat f\u00e4rdigt efter 1,7 sekunder under dessa f\u00f6ruts\u00e4ttningar. 90% av sidorna laddar in p\u00e5 mindre \u00e4n 2,5 sekund. Dessa siffror kan k\u00e4nnas lite akademiska, men n\u00e5got som \u00e4r l\u00e4ttare att relatera till \u00e4r n\u00e4r sidan rent visuellt ser f\u00e4rdig ut. D\u00e5 \u00e4r det vanligaste att det tar 0,9 sekunder och 90% av sidorna \u00e4r visuellt f\u00e4rdiga inom 1,6 sekunder. Det \u00e4r snabbt!<\/p>\n\n\n\n
\u00d6kad trafik till 1177 p\u00e5 grund av covid-19<\/h2>\n\n\n\n


S\u00f6ker anv\u00e4ndaren efter covid-19?<\/h2>\n\n\n\n


Varf\u00f6r fokusera proaktivt p\u00e5 webbprestanda?<\/h2>\n\n\n\n
\u2013 Design for real life<\/a> (2016)<\/p>\n\n\n\n
\u2013 Netflix s\u00e4nker videokvaliteten i 30 dagar<\/a> (SVT, 19 mars 2020)<\/p>\n\n\n\nTv\u00e5 verktyg f\u00f6r att f\u00e5 koll p\u00e5 sin webbprestanda<\/h2>\n\n\n\n
Google Pagespeed Insights<\/h3>\n\n\n\n

Sitespeed<\/h3>\n\n\n\n