{"id":2325,"date":"2020-02-06T21:48:00","date_gmt":"2020-02-06T20:48:00","guid":{"rendered":"https:\/\/vgrblogg.se\/utveckling\/?p=2325"},"modified":"2022-07-20T14:24:15","modified_gmt":"2022-07-20T12:24:15","slug":"hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser","status":"publish","type":"post","link":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/","title":{"rendered":"Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser"},"content":{"rendered":"\n<p>Jag var under torsdagen med p\u00e5 ett \u201chackathon\u201d i miniatyr med v\u00e5ra webbkonsulter fr\u00e5n Precio Fishbone och Filip fr\u00e5n v\u00e5r kommunikationsstab. Som Filip kommenterat \u00e4r det kul att vi blandar olika bakgrunder och att vi fr\u00e5n VGR kommer fr\u00e5n olika staber, Filip fr\u00e5n kommunikation (KEX) och jag fr\u00e5n H\u00e4lso- och sjukv\u00e5rdsstaben. En tanke jag hade varf\u00f6r det \u00e4r bra att vara med i dessa sammanhang \u00e4r f\u00f6r att l\u00e4ra mig mer och sedan kunna ta med detta till v\u00e5rt kravst\u00e4llande p\u00e5 Inera f\u00f6r exempelvis den extremt popul\u00e4ra webbplatsen <a href=\"https:\/\/1177.se\">1177 V\u00e5rdguiden<\/a> och de e-tj\u00e4nster vi har d\u00e4r f\u00f6r inv\u00e5narna.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Temat f\u00f6r just denna tr\u00e4ff var ganska brett, n\u00e4mligen; webbprestanda, tillg\u00e4nglighet och integritet. En utg\u00e5ngspunkt \u00e4r att vi p\u00e5 VGR har f\u00f6r avsikt att b\u00e4ttra p\u00e5 v\u00e5r position p\u00e5 <a href=\"https:\/\/webperf.se\/category\/regioner\/\">Webperf i kategorin Sveriges regioner<\/a>.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<p><em>Full disclosure: det \u00e4r jag, Marcus, som under min f\u00f6r\u00e4ldraledighet byggt tj\u00e4nsten Webperf.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<p>VGR varandes min arbetsgivare drar dock lite nytta av detta d\u00e5 jag f\u00f6rst\u00e5s tar med mig erfarenheter och ett batteri av tester till jobbet n\u00e4r s\u00e5 \u00f6nskas. Exempelvis denna g\u00e5ng d\u00e5 vi testade om webbplatsen n\u00e5gra g\u00e5nger och k\u00f6rde storskaliga tester med hj\u00e4lp av samma kod jag tagit fram p\u00e5 fritiden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Varf\u00f6r ta en ny titt p\u00e5 en befintlig webbplats?<\/strong><\/h2>\n\n\n\n<p>Som med alla webbplatser s\u00e5 tenderar de att efter lansering s\u00e5 sakteliga bli vildvuxna, att saker inte anv\u00e4nts som man hade t\u00e4nkt och att det kommer nya f\u00f6rv\u00e4ntningar p\u00e5 hur saker ska fungera.<\/p>\n\n\n\n<p>Vi tittade efter saker som kan f\u00f6rb\u00e4ttras genom olika sorters tester och funderade ut hypoteser till varf\u00f6r resultatet blir som det blir.<\/p>\n\n\n\n<p>Ett av \u201cfynden\u201d var att det tycks ta f\u00f6r l\u00e5ng tid att h\u00e4mta sidor som har ett block i sig med externa RSS-prenumerationer. En sida tog mellan 0,3-2,7 sekunder p\u00e5 sig f\u00f6r att visa upp sig. Extremt nyttigt att kunna diskutera hypotesen tillsammans. \u201cHur funkar det med Varnish?\u201d, \u201cHar vi n\u00e5gon output-cache p\u00e5 RSS-blocket\u201d, \u201cVilken timeout \u00e4r det p\u00e5 cache, eller invalideras den dynamiskt?\u201d<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Metod f\u00f6r unders\u00f6kning<\/strong><\/h2>\n\n\n\n<p>Av de delar vi k\u00f6rde; prestanda och automatiserad tillg\u00e4nglighetstest, innebar att vi k\u00f6rde:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Alla 246 sidor fr\u00e5n <a href=\"http:\/\/vgregion.se\">vgregion.se<\/a> som f\u00e5tt 100 eller fler bes\u00f6k under januari genom <a href=\"http:\/\/Sitespeed.io\">Sitespeed.io<\/a>, via Docker p\u00e5 min jobbdator, vilket inkluderade tillg\u00e4nglighetstest genom Axe.<\/li><li>De femhundra senast publicerade sidorna vilka testades mot <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/get-started\">Google Pagespeed API<\/a>.<\/li><li>Manuella inspektioner av \u201cmisst\u00e4nkta\u201d sidor genom <a href=\"https:\/\/addons.mozilla.org\/sv-SE\/firefox\/addon\/axe-devtools\/\">Axe Developer Tools<\/a> som kan k\u00f6ras direkt i din webbl\u00e4sare.<\/li><li>Vi kollade \u201cvattenfallen\u201d i webbl\u00e4sarens n\u00e4tverksdel av utvecklarverktyg.&nbsp;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Personlig integritet<\/strong><\/h3>\n\n\n\n<p>N\u00e4r det g\u00e4ller bes\u00f6karnas integritet kommer <a href=\"https:\/\/webbkoll.dataskydd.net\/sv\/results?url=http%3A%2F%2Fwww.vgregion.se#csp\">Content Security Policy<\/a> f\u00f6rb\u00e4ttras ytterligare och <a href=\"https:\/\/webbkoll.dataskydd.net\/sv\/results?url=http%3A%2F%2Fwww.vgregion.se#referrers\">Referrer Policy<\/a> kommer \u00e4ndras. N\u00e4r det g\u00e4ller referrer inneb\u00e4r det att n\u00e4r vi l\u00e4nkar till en tredjepartswebbplats kommer den inte f\u00e5 reda p\u00e5 var bes\u00f6karen var innan. Det k\u00e4nns bra med tanke p\u00e5 att m\u00e5nga av v\u00e5ra webbplatser har l\u00e4nkar till sociala medier i sidfoten, l\u00e4nkar till Google Maps med mera. Vi beh\u00f6ver inte bidra till att de f\u00e5r mer personlig information om de vi skickar till dem. Och vissa av v\u00e5ra webbplatser har information som kan vara avsl\u00f6jande om ens h\u00e4lsa.<\/p>\n\n\n\n<p>S\u00e5 h\u00e4r f\u00f6rklarar f\u00f6reningen Dataskydd <em>Referrer policy<\/em>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>&#8221;N\u00e4r du klickar p\u00e5 en l\u00e4nk s\u00e5 skickar din webbl\u00e4sare vanligtvis HTTP-headern referrer till destinationssidans webbserver. Headern inneh\u00e5ller adressen till sidan du kom fr\u00e5n, vilket allts\u00e5 avsl\u00f6jas f\u00f6r webbservern du kommer till. Headern skickas ocks\u00e5 n\u00e4r externa resurser (s\u00e5som bilder, typsnitt, skript och CSS) laddas.<\/em><br><em>Referrer-headern \u00e4r en integritetsmardr\u00f6m d\u00e5 den l\u00e5ter webbplatser och tj\u00e4nster sp\u00e5ra dig omkring webben och l\u00e4ra sig om dina surfvanor (och s\u00e5ledes potentiellt k\u00e4nslig information om dig), speciellt n\u00e4r det sker i kombination med kakor.<\/em><br><em>Genom att s\u00e4tta en Referrer Policy \u00e4r det m\u00f6jligt f\u00f6r webbplatser att s\u00e4ga webbl\u00e4sare \u00e5t att inte l\u00e4cka referrers. Det l\u00e5ter dig specificera en policy som till\u00e4mpas p\u00e5 s\u00e5v\u00e4l alla l\u00e4nkklick som alla andra f\u00f6rfr\u00e5gningar genererade\/orsakade av sidan (bilder, JS, osv).\u201d<\/em><br><em>\u2013 <\/em><a href=\"https:\/\/webbkoll.dataskydd.net\/\"><em>Webbkoll &#8211; dataskydd.net<\/em><\/a><\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Vad uppn\u00e5dde vi?<\/strong><\/h2>\n\n\n\n<p>Innan vi satte ig\u00e5ng hade <a href=\"https:\/\/webperf.se\/site\/vgregion_se\/\">VGR:s webbplats 3,4 av 5 p\u00e5 de saker som Webperf m\u00e4ter<\/a>.&nbsp; Egentligen \u00e4r det fel att ta \u00e4ra f\u00f6r att betyget skuttade upp till 3,6 av 5 under dagen d\u00e5 det till stor del handlar om att CSS-koden g\u00e5tt ifr\u00e5n cirka 50 st valideringsfel ner till 8 st f\u00f6r n\u00e4rvarande. Allts\u00e5 ett delbetyg p\u00e5 3 ist\u00e4llet f\u00f6r en 1:a.<\/p>\n\n\n\n<p>Och f\u00f6r att vara helt \u00f6ppen: jag \u00e4r sm\u00e5barnsf\u00f6r\u00e4lder, h\u00e4mtar och l\u00e4mnar p\u00e5 f\u00f6rskolan, jobbar bara halvtid (men kompenserar med att jobba under lunchen), s\u00e5 detta \u00e4r vad jag hann uppm\u00e4rksamma under dagen. De andra kan ha mer att bidra med som jag missade och CSS-grejerna var nog p\u00e5b\u00f6rjade redan innan\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Pa11y f\u00f6r tillg\u00e4nglighet<\/strong><\/h3>\n\n\n\n<p>En enkel \u00e4ndring, trodde vi, var att h\u00f6ja Pa11y-betyget fr\u00e5n fyra till fem. Vi gick bet p\u00e5 Pa11y, som \u00e4rligt talat inte \u00e4r helt tillf\u00f6rlitlig. N\u00e4sta niv\u00e5 f\u00f6r att bli mer tillf\u00f6rlitlig var att&nbsp; k\u00f6ra Axe-testet. Sista niv\u00e5n var att Filip som \u00e4r en av de fr\u00e4msta jag kan komma p\u00e5 i Sverige inom tillg\u00e4nglighet granskade koden och unders\u00f6kte praxis. P\u00e5 s\u00e5 vis kom vi fram till att VGR egentligen f\u00f6rtj\u00e4nar ett b\u00e4ttre betyg \u00e4n vad Pa11y var villig att ge oss.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>G\u00e5 \u00f6ver till http\/2 eller http\/3 som (nog fortfarande) \u00e4r draft f\u00f6r att bli webbstandard<\/strong><\/h3>\n\n\n\n<p>Det \u00e4r inte ett m\u00e4tbart resultat, men vi diskuterade oss fram till att prioritera att sikta direkt p\u00e5 h\u00f6gsta t\u00e4nkbara version av webbservern IIS (<em>Internet Information Server<\/em>) f\u00f6r att i b\u00e4sta fall f\u00e5 med n\u00e5gra av de delar som utg\u00f6r den blivande webbstandarden http\/3. F\u00f6r de flesta innebar http\/2 en betydligt snabbare upplevelse av webben och den tredje versionen tar detta ett steg ytterligare vilket redan st\u00f6ds av webbl\u00e4sare som Chrome, Firefox, Opera och den nyligen sl\u00e4ppta Chromium-baserade versionen av Edge (Microsofts uppf\u00f6ljare till Internet Explorer).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Det \u00e4r mycket skr\u00e4p i v\u00e5ra sitemaps<\/strong><\/h3>\n\n\n\n<p>Sitemaps \u00e4r dolda filer som h\u00e5ller en kronologisk ordning av vilka sidor som publiceras p\u00e5 en webbplats. De postas ofta till tj\u00e4nster som Google Search Console, egna s\u00f6kmotorer, mfl, f\u00f6r att ber\u00e4tta vad som \u00e4r nytt eller uppdaterat p\u00e5 en webbplats.<\/p>\n\n\n\n<p>Well, n\u00e4r vi utgick fr\u00e5n denna listning d\u00f6k det upp sidor som egentligen inte \u00e4r sidor. Snarare <em>data<\/em> som vi gissar anv\u00e4nds i diverse listningar. Eller hur skulle du tolka \u201csidor\u201d som denna:<\/p>\n\n\n\n<p><a href=\"https:\/\/www.vgregion.se\/ov\/internpost\/johannesvarden-vcbvc\/jourcentralen\/kaveros-ungdomscenter\/kollektivtrafikenheten\/konst--kulturutvecklingdanskonsulterna\/kontaktpunkten\/kortedala-vcbvc\/kultur-i-vast\/\">skum sida p\u00e5 vgregion.se<\/a><\/p>\n\n\n\n<p>Den har extremt lite unikt inneh\u00e5ll. S\u00e5 det \u00e4r v\u00e4l tur att Google anses leva efter \u201c<a href=\"https:\/\/moz.com\/blog\/google-e-a-t\">EAT<\/a>\u201d, allts\u00e5: <em>Expertise, Authority, Trustworthiness<\/em>.<\/p>\n\n\n\n<p>Annars hade sidor som dessa kunnat konkurrera med mer prioriterat inneh\u00e5ll, exempelvis huvudsidan f\u00f6r <em>Kultur i v\u00e4st<\/em>. Dags att VGR b\u00f6rjar jobba mer med SEO (s\u00f6kmotoroptimering)?&nbsp;<\/p>\n\n\n\n<p>SEO kanske borde vara ett tema f\u00f6r ett kommande hackathon? \u00c5tminstone jag har lite att bidra med, tror jag.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Webbprestanda enligt Google Pagespeed API v4 och Sitespeed.io<\/strong><\/h3>\n\n\n\n<p>F\u00f6r ett g\u00e4ng \u00e5r sedan skickade jag en t\u00e5rta till v\u00e5ra webbutvecklare p\u00e5 Precio Fishbones G\u00f6teborgskontor. De hade \u00f6vertr\u00e4ffat mina skyh\u00f6ga krav om att v\u00e5r webbplats skulle vara snabbast inom svensk offentlig sektor.<\/p>\n\n\n\n<p>S\u00e5 hur s\u00e5g det ut nu n\u00e4r webbplatsen r\u00e5kat ut f\u00f6r n\u00e5gra \u00e5r av f\u00f6rvaltning, till\u00e4gg, nya \u00f6nskem\u00e5l och annat som brukar vara f\u00f6r\u00f6dande f\u00f6r den d\u00e4r \u201cnybilsdoften\u201d? Ja, nu kollade jag bara de 246 st mest bes\u00f6kta sidorna under f\u00f6reg\u00e5ende m\u00e5nad enligt v\u00e5rt webbanalysverktyg Matomo (fd Piwik). D\u00e5 var det strax \u00f6ver tio stycken webbsidor som inte levde upp till den prestandabudget vi skrev f\u00f6r flera \u00e5r sedan. Jag har beskrivits, inte bara inom VGR, som en prestandataliban, en som bara ser hastighet som viktigt. Men detta resultat kan inte ens jag se n\u00e5gra problem med. Det \u00f6vertr\u00e4ffar mina f\u00f6rv\u00e4ntningar med bred marginal.<\/p>\n\n\n\n<p>V\u00e5r hypotes \u00e4r att \u00e4ven detta f\u00e5tal sidor som inte lever upp till v\u00e5ra krav beror p\u00e5 att de inte bes\u00f6ks tillr\u00e4ckligt ofta f\u00f6r att landa i v\u00e5r cache.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cache vs. aktuellt inneh\u00e5ll<\/strong><\/h3>\n\n\n\n<p>H\u00e4r har vi en sv\u00e5r avv\u00e4gning mellan snabbhet och hur aktuellt inneh\u00e5llet \u00e4r. Reglerna f\u00f6r detta \u00e4r extremt \u201cregelstyrda\u201d. Jag som av och till varit med i VGR:s diskussioner kring webbutveckling sedan 2002 k\u00e4nner igen diskussionen sedan l\u00e4nge. Det blir en avv\u00e4gning om hur snabbt webbredakt\u00f6ren kan se och bekr\u00e4fta \u00e4ndringen av webbplatsen, gentemot hur snabbt \u00e4ndringen beh\u00f6ver sl\u00e5 igenom f\u00f6r de ovetande bes\u00f6karna som inte vet vad de g\u00e5r miste om.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Automatisera tester<\/strong><\/h3>\n\n\n\n<p>Vi pratade om Grunt och Gulp i \u00e4nden att kolla om <a href=\"http:\/\/Sitespeed.io\">Sitespeed.io<\/a> tycker att nya versioner av webbplatsens l\u00f6pande uppdateringar h\u00e5ller m\u00e5ttet. En annan vinkel \u00e4r det inneh\u00e5ll som webbredakt\u00f6rer bidrar med.<\/p>\n\n\n\n<p>Vi beh\u00f6ver troligen testa fr\u00e5n b\u00e5da h\u00e5ll. Fr\u00e5n utvecklarnas h\u00e5ll med <a href=\"https:\/\/en.wikipedia.org\/wiki\/Continuous_integration\">CI \u2013 Continuous integration<\/a>, samt hur webbredakt\u00f6rerna p\u00e5verkar slutresultatet vilket kan m\u00e4tas med s\u00e5 kallade <a href=\"https:\/\/en.wikipedia.org\/wiki\/Real_user_monitoring\">RUM-tester, Real User Monitoring-tester<\/a> som h\u00e4rmar (eller spelar in exakt, men anekdotiskt) hur det blir i riktiga anv\u00e4ndares \u00e4nde.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Framtida tankeg\u00e5ngar<\/strong><\/h2>\n\n\n\n<p>Planen f\u00f6r n\u00e4sta tr\u00e4ff tycks vara att g\u00e5 in p\u00e5 hur en offline-sida kan t\u00e4nkas designas. Inte helt olikt hur de 404-sidor vi \u00e4r vana att se. Men offline-sidor \u00e4r mycket mer komplicerade \u00e4n man kan tro d\u00e5 det \u00e4r anv\u00e4ndarens egen uppkoppling, eller avs\u00e4ndarens, det beror p\u00e5. S\u00e5 det beh\u00f6vs en bra mix av f\u00f6rklaring och funktion. Ett icke-alarmistiskt budskap om att det nog \u00e4r tillf\u00e4lligt, men funktion om att ladda in den \u00f6nskade sidan eventuellt innan anv\u00e4ndaren hann uppt\u00e4cka att det fanns problem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Felmeddelande n\u00e4r anv\u00e4ndaren \u00e4r offline<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.talater.com\/upup\/\">UpUp &#8211; The Offline First Library<\/a><\/li><li><a href=\"https:\/\/webperf.se\/articles\/offline-first\/\">Offline first? Anv\u00e4ndare utan uppkoppling beh\u00f6ver din hj\u00e4lp!<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Avslutningsvis\u2026<\/strong><\/h2>\n\n\n\n<p>Kanske \u00e4r detta n\u00e5got vi skulle anamma som koncept inom fler omr\u00e5den inom det vi kallar vardagens digitalisering? Eller \u00e4ven v\u00e5rdens digitalisering d\u00e4r jag sj\u00e4lv jobbar.<\/p>\n\n\n\n<p>T\u00e4nk om vi skulle dra nytta av varandras kunskaper innan vi sj\u00f6s\u00e4tter ett nytt ekonomisystem, en uppdatering av sj\u00e4lvservice inom HR som p\u00e5verkar n\u00e4ra p\u00e5 all personal eller konfigurerar ett nytt journalsystem.&nbsp;<\/p>\n\n\n\n<p>D\u00e5 kanske vi kunnat leverera b\u00e4ttre kvalitet. S\u00e5 inte kollegor ser b\u00e5de IT och digitalisering som n\u00e5got ytterligare \u201cn\u00e5gon annan\u201d vill tvinga p\u00e5 en, men som man sj\u00e4lv helst sluppit. Snarare att de med anv\u00e4ndning uppt\u00e4cker v\u00e5r proaktiva omtanke emellan\u00e5t. En s\u00e5dan proaktiv omtanke var Filips id\u00e9 att faviconer ska vara svartvita f\u00f6r de som \u00e4r inloggade som redakt\u00f6rer, men i f\u00e4rg f\u00f6r den publika webben. S\u00e5 det blir enklare att skilja p\u00e5 sina olika flikar i webbl\u00e4sare om man \u00e4r webbredakt\u00f6r.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jag var under torsdagen med p\u00e5 ett \u201chackathon\u201d i miniatyr med v\u00e5ra webbkonsulter fr\u00e5n Precio Fishbone och Filip fr\u00e5n v\u00e5r kommunikationsstab. Som Filip kommenterat \u00e4r det kul att vi blandar olika bakgrunder och att vi fr\u00e5n VGR kommer fr\u00e5n olika staber, Filip fr\u00e5n kommunikation (KEX) och jag fr\u00e5n H\u00e4lso- och sjukv\u00e5rdsstaben. En tanke jag hade &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/\" class=\"more-link\">Forts\u00e4tt l\u00e4sa<span class=\"screen-reader-text\"> \u201dHackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser\u201d<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":1572,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[1060,1061,189,1059,585,651,719],"class_list":["post-2325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digitala-medier-webbutveckling","tag-axe-developer-tools","tag-dataskydd","tag-google-pagespeed","tag-pa11y","tag-sitespeed-io","tag-tillganglighet","tag-webbprestanda"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser &#8212; Utveckling i VGR<\/title>\n<meta name=\"description\" content=\"Webbkonsulterna, kommunikationsstabewn och staben f\u00f6r h\u00e4lso- och sjukv\u00e5rd samlades f\u00f6r att &quot;hacka&quot; fram nya bra l\u00f6sningar f\u00f6r v\u00e5r externa webbplats. Det var nyttigt!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser &#8212; Utveckling i VGR\" \/>\n<meta property=\"og:description\" content=\"Webbkonsulterna, kommunikationsstabewn och staben f\u00f6r h\u00e4lso- och sjukv\u00e5rd samlades f\u00f6r att &quot;hacka&quot; fram nya bra l\u00f6sningar f\u00f6r v\u00e5r externa webbplats. Det var nyttigt!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/\" \/>\n<meta property=\"og:site_name\" content=\"Utveckling i VGR\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-06T20:48:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-20T12:24:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/03\/Privacy_written_in_tiles.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"853\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marcus \u00d6sterberg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marcusosterberg\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcus \u00d6sterberg\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/\"},\"author\":{\"name\":\"Marcus \u00d6sterberg\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/89521ab4d20982613661305cbdd5bc79\"},\"headline\":\"Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser\",\"datePublished\":\"2020-02-06T20:48:00+00:00\",\"dateModified\":\"2022-07-20T12:24:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/\"},\"wordCount\":1978,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#organization\"},\"image\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/03\/Privacy_written_in_tiles.jpg\",\"keywords\":[\"Axe Developer Tools\",\"Dataskydd\",\"Google Pagespeed\",\"Pa11y\",\"Sitespeed.io\",\"Tillg\u00e4nglighet\",\"Webbprestanda\"],\"articleSection\":[\"Digitala medier &amp; webbutveckling\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/\",\"url\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/\",\"name\":\"Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser &#8212; Utveckling i VGR\",\"isPartOf\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/03\/Privacy_written_in_tiles.jpg\",\"datePublished\":\"2020-02-06T20:48:00+00:00\",\"dateModified\":\"2022-07-20T12:24:15+00:00\",\"description\":\"Webbkonsulterna, kommunikationsstabewn och staben f\u00f6r h\u00e4lso- och sjukv\u00e5rd samlades f\u00f6r att \\\"hacka\\\" fram nya bra l\u00f6sningar f\u00f6r v\u00e5r externa webbplats. Det var nyttigt!\",\"breadcrumb\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#primaryimage\",\"url\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/03\/Privacy_written_in_tiles.jpg\",\"contentUrl\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/03\/Privacy_written_in_tiles.jpg\",\"width\":1280,\"height\":853,\"caption\":\"Integritet (bildkredd: Wikimedia commons)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hem\",\"item\":\"https:\/\/vgrblogg.se\/utveckling\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#website\",\"url\":\"https:\/\/vgrblogg.se\/utveckling\/\",\"name\":\"Utveckling i VGR\",\"description\":\"Inblick i utvecklingsarbetet inom VGR\",\"publisher\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vgrblogg.se\/utveckling\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#organization\",\"name\":\"Utveckling i VGR\",\"url\":\"https:\/\/vgrblogg.se\/utveckling\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/02\/cropped-logotype_color-1.png\",\"contentUrl\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/02\/cropped-logotype_color-1.png\",\"width\":1234,\"height\":250,\"caption\":\"Utveckling i VGR\"},\"image\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/89521ab4d20982613661305cbdd5bc79\",\"name\":\"Marcus \u00d6sterberg\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3e009001c1a7e5183f24b2642fdbf63d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3e009001c1a7e5183f24b2642fdbf63d?s=96&d=mm&r=g\",\"caption\":\"Marcus \u00d6sterberg\"},\"description\":\"Jobbade som utvecklings- och innovationsledare p\u00e5 V\u00e4stra G\u00f6talandsregionen, bl.a. p\u00e5 avdelningen V\u00e5rdens digitalisering, med expertis inom webbanalys och webbutveckling. Slutade 2022. F\u00f6rfattare till boken Webbstrategi f\u00f6r alla, samt Webbanalys - f\u00f6rst\u00e5 och f\u00f6rb\u00e4ttra anv\u00e4ndarnas upplevelse. Mer om Marcus \u00d6sterberg finns h\u00e4r.\",\"sameAs\":[\"https:\/\/marcusosterberg.se\",\"https:\/\/se.linkedin.com\/in\/marcusosterberg\",\"https:\/\/x.com\/marcusosterberg\"],\"url\":\"https:\/\/vgrblogg.se\/utveckling\/author\/mosterberg\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser &#8212; Utveckling i VGR","description":"Webbkonsulterna, kommunikationsstabewn och staben f\u00f6r h\u00e4lso- och sjukv\u00e5rd samlades f\u00f6r att \"hacka\" fram nya bra l\u00f6sningar f\u00f6r v\u00e5r externa webbplats. Det var nyttigt!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/","og_locale":"sv_SE","og_type":"article","og_title":"Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser &#8212; Utveckling i VGR","og_description":"Webbkonsulterna, kommunikationsstabewn och staben f\u00f6r h\u00e4lso- och sjukv\u00e5rd samlades f\u00f6r att \"hacka\" fram nya bra l\u00f6sningar f\u00f6r v\u00e5r externa webbplats. Det var nyttigt!","og_url":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/","og_site_name":"Utveckling i VGR","article_published_time":"2020-02-06T20:48:00+00:00","article_modified_time":"2022-07-20T12:24:15+00:00","og_image":[{"width":1280,"height":853,"url":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/03\/Privacy_written_in_tiles.jpg","type":"image\/jpeg"}],"author":"Marcus \u00d6sterberg","twitter_card":"summary_large_image","twitter_creator":"@marcusosterberg","twitter_misc":{"Skriven av":"Marcus \u00d6sterberg","Ber\u00e4knad l\u00e4stid":"9 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#article","isPartOf":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/"},"author":{"name":"Marcus \u00d6sterberg","@id":"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/89521ab4d20982613661305cbdd5bc79"},"headline":"Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser","datePublished":"2020-02-06T20:48:00+00:00","dateModified":"2022-07-20T12:24:15+00:00","mainEntityOfPage":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/"},"wordCount":1978,"commentCount":0,"publisher":{"@id":"https:\/\/vgrblogg.se\/utveckling\/#organization"},"image":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#primaryimage"},"thumbnailUrl":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/03\/Privacy_written_in_tiles.jpg","keywords":["Axe Developer Tools","Dataskydd","Google Pagespeed","Pa11y","Sitespeed.io","Tillg\u00e4nglighet","Webbprestanda"],"articleSection":["Digitala medier &amp; webbutveckling"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/","url":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/","name":"Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser &#8212; Utveckling i VGR","isPartOf":{"@id":"https:\/\/vgrblogg.se\/utveckling\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#primaryimage"},"image":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#primaryimage"},"thumbnailUrl":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/03\/Privacy_written_in_tiles.jpg","datePublished":"2020-02-06T20:48:00+00:00","dateModified":"2022-07-20T12:24:15+00:00","description":"Webbkonsulterna, kommunikationsstabewn och staben f\u00f6r h\u00e4lso- och sjukv\u00e5rd samlades f\u00f6r att \"hacka\" fram nya bra l\u00f6sningar f\u00f6r v\u00e5r externa webbplats. Det var nyttigt!","breadcrumb":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#primaryimage","url":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/03\/Privacy_written_in_tiles.jpg","contentUrl":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/03\/Privacy_written_in_tiles.jpg","width":1280,"height":853,"caption":"Integritet (bildkredd: Wikimedia commons)"},{"@type":"BreadcrumbList","@id":"https:\/\/vgrblogg.se\/utveckling\/2020\/02\/06\/hackathon-for-att-hoja-kvaliteten-pa-vara-webbplatser\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hem","item":"https:\/\/vgrblogg.se\/utveckling\/"},{"@type":"ListItem","position":2,"name":"Hackathon f\u00f6r att h\u00f6ja kvaliteten p\u00e5 v\u00e5ra webbplatser"}]},{"@type":"WebSite","@id":"https:\/\/vgrblogg.se\/utveckling\/#website","url":"https:\/\/vgrblogg.se\/utveckling\/","name":"Utveckling i VGR","description":"Inblick i utvecklingsarbetet inom VGR","publisher":{"@id":"https:\/\/vgrblogg.se\/utveckling\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vgrblogg.se\/utveckling\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/vgrblogg.se\/utveckling\/#organization","name":"Utveckling i VGR","url":"https:\/\/vgrblogg.se\/utveckling\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/logo\/image\/","url":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/02\/cropped-logotype_color-1.png","contentUrl":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/02\/cropped-logotype_color-1.png","width":1234,"height":250,"caption":"Utveckling i VGR"},"image":{"@id":"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/89521ab4d20982613661305cbdd5bc79","name":"Marcus \u00d6sterberg","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3e009001c1a7e5183f24b2642fdbf63d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3e009001c1a7e5183f24b2642fdbf63d?s=96&d=mm&r=g","caption":"Marcus \u00d6sterberg"},"description":"Jobbade som utvecklings- och innovationsledare p\u00e5 V\u00e4stra G\u00f6talandsregionen, bl.a. p\u00e5 avdelningen V\u00e5rdens digitalisering, med expertis inom webbanalys och webbutveckling. Slutade 2022. F\u00f6rfattare till boken Webbstrategi f\u00f6r alla, samt Webbanalys - f\u00f6rst\u00e5 och f\u00f6rb\u00e4ttra anv\u00e4ndarnas upplevelse. Mer om Marcus \u00d6sterberg finns h\u00e4r.","sameAs":["https:\/\/marcusosterberg.se","https:\/\/se.linkedin.com\/in\/marcusosterberg","https:\/\/x.com\/marcusosterberg"],"url":"https:\/\/vgrblogg.se\/utveckling\/author\/mosterberg\/"}]}},"_links":{"self":[{"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/posts\/2325"}],"collection":[{"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/comments?post=2325"}],"version-history":[{"count":2,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/posts\/2325\/revisions"}],"predecessor-version":[{"id":2873,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/posts\/2325\/revisions\/2873"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/media\/1572"}],"wp:attachment":[{"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/media?parent=2325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/categories?post=2325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/tags?post=2325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}