Karlö

Kollar om webbplatsen följer god praxis för webbutveckling, enligt Google Lighthouse kriterier.

---

Betyg: 5 av 5

- Webbplatsen följer god praxis fullt ut!

Kolla Lighthouse hos web.dev

Ett hastighetstest från Google.

---

Betyg: 3.05 av 5

- Genomsnittlig hastighet.

Hastighet

- Largest Contentful Paint: 6,9 s ( 1.00 betyg )
- Cumulative Layout Shift: 0,169 ( 3.50 betyg )
- First Contentful Paint: 3,6 s ( 1.60 betyg )
- Speed Index: 3,7 s ( 4.30 betyg )
- Reducera CSS som inte används ( 1.00 betyg )
- Reducera JavaScript som inte används ( 1.00 betyg )
- Skicka bilder i modernare bildformat ( 1.00 betyg )
- Koda bilder effektivt ( 1.00 betyg )
- Se till att all text förblir synlig medan webbteckensnitten läses in: ( 2.50 betyg )
- Alla bildelement har inte `width` och `height`: ( 2.50 betyg )
- Skicka statiska tillgångar med en effektiv cachelagringspolicy: 74 resurser hittades ( 2.50 betyg )
- Minifiera CSS: Möjlig databesparing 5 Kibit ( 2.50 betyg )
- Minifiera JavaScript: Möjlig databesparing 13 Kibit ( 2.50 betyg )
- Undvik att skicka äldre JavaScript till moderna webbläsare: Möjlig databesparing 0 Kibit ( 2.50 betyg )
- Undvik ett onödigt stort DOM-träd: 938 element ( 2.50 betyg )
- Passiva lyssnare används inte för att förbättra scrollningsprestanda: ( 2.50 betyg )
- Time to Interactive: 6,9 s ( 2.70 betyg )

Kolla Lighthouse hos web.dev

Är webbplatsen bra på sökmotoroptimering/SEO? Alltså att nå ut via sökmotorer, enligt Google Lighthouse kriterier.

---

Betyg: 4.60 av 5

- Webbsidan kan ändå förbättras inom SEO.
- Länkarna är inte genomsökningsbara ( 1.00 betyg )

Kolla Lighthouse hos web.dev

Kontrollerar om webbplatsen stödjer IPv6, säkerhets­standarden TLS och vilka versioner av HTTP.

---

Betyg: 3.33 av 5

##### Vill du förbättra din Content Security Policy (CSP)?
Varför inte prova följande CSP-svarshuvud för att komma igång med CSP?
Kom ihåg, nedanstående rekommendation är endast baserad på ett urval (läs: 1 sida(or)) av alla sidor på din webbplats och baseras utan att klicka på något.

###### Rekommenderade policyer:
- default-src 'none';
- base-uri 'self';
- img-src 'self' data:;
- script-src 'self' 'unsafe-eval' 'unsafe-inline';
- form-action 'self';
- style-src 'self' 'unsafe-inline' fonts.googleapis.com;
- object-src 'none';
- frame-ancestors 'none';
- connect-src 'self';
- font-src 'self' fonts.gstatic.com;

###### Rekommenderat CSP-betyg:
- Övergripande: 4.26
- Integritet & säkerhet: 4.11
- Standarder: 5.0

Läs mer: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy

Webbstandard

- Inget stöd för HTTPv3 ( 1.00 betyg )
- Inget IPv6 stöd ( 1.00 betyg )
- Inget TLSv1.3 stöd ( 1.00 betyg )
- hailuoto.fi, inget stöd för transportlagret: TLSv1.2 ( 1.00 betyg )
- hailuoto.fi, använder inte CSP ( 1.00 betyg )
- hailuoto.fi, Subresource Integrity (SRI) krävs ( 1.00 betyg )
- Inget HTTPv1.1 stöd ( 1.00 betyg )
- Inget stöd för HTTPv3 ( 1.00 betyg )
- Inget TLSv1.3 stöd ( 1.00 betyg )
- fonts.googleapis.com, inget stöd för transportlagret: TLSv1.2 ( 1.00 betyg )
- Inget HTTPv1.1 stöd ( 1.00 betyg )
- Inget stöd för HTTPv2 ( 1.00 betyg )
- fonts.gstatic.com, använder inte HSTS ( 1.00 betyg )
- Inget TLSv1.3 stöd ( 1.00 betyg )
- fonts.gstatic.com, inget stöd för transportlagret: TLSv1.2 ( 1.00 betyg )

Integritet & säkerhet

- hailuoto.fi, använder 'max-age' på 1 år eller mer för HSTS ( 4.95 betyg )
- Inget TLSv1.3 stöd ( 1.00 betyg )
- hailuoto.fi, inget stöd för transportlagret: TLSv1.2 ( 1.00 betyg )
- hailuoto.fi, använder inte CSP ( 1.00 betyg )
- hailuoto.fi, Subresource Integrity (SRI) krävs för följande HTML-element ( 1.00 betyg )
- `< link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Nunito%20Sans:200,300,400,500,600,700,800,900,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic%7CPoppins:600,400,700,500&subset=latin&display=swap&ver=1728886347" />`
- `< link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito%20Sans:200,300,400,500,600,700,800,900,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic%7CPoppins:600,400,700,500&subset=latin&display=swap&ver=1728886347" media="print" onload="this.media='all'">`
- `< link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito%20Sans:200,300,400,500,600,700,800,900,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic%7CPoppins:600,400,700,500&subset=latin&display=swap&ver=1728886347" />`
- Inget TLSv1.3 stöd ( 1.00 betyg )
- fonts.googleapis.com, inget stöd för transportlagret: TLSv1.2 ( 1.00 betyg )
- fonts.gstatic.com, använder inte HSTS ( 1.00 betyg )
- Inget TLSv1.3 stöd ( 1.00 betyg )
- fonts.gstatic.com, inget stöd för transportlagret: TLSv1.2 ( 1.00 betyg )

• Kolla om domänen stödjer IPv6
• Hur funkar HTTP, HTTP över SSL, IP, TLS & ESNI på Webperf?

Tillgänglighetstest genom Google Lighthouse om webbplatsen är utformad på ett tillgängligt sätt för funktionsvarierade användare. Mäter med en mobil­användares preferenser.

---

Betyg: 4.50 av 5

- Webbplatsen kan bli mer tillgänglig, men är ganska ok.

Tillgänglighet

- Kontrasten mellan bakgrundsfärg och förgrundsfärg är inte tillräckligt stor. ( 1.00 betyg )
- Vissa länkar har inte ett igenkännligt namn ( 1.00 betyg )
- Rubrikelementen har inte ordnats i följd i fallande ordning ( 1.00 betyg )
- Länkar för att hoppa över är inte fokuserbara. ( 1.00 betyg )

• Kolla tillgänglighet hos web.dev
• Hur funkar tillgänglighetstestet med Axe på Webperf?

Kontrollerar HTML-koden mot W3C för att se om den har rätt syntax och följer webbstandard.

---

Betyg: 4.85 av 5

- Den testade sidan har 2 st fel i sin HTML-kod. Det är rätt ok ändå.

Webbstandard

- #1: Webbsida - Antal (grupperade fel): 1 ( 4.80 betyg )
- #1: Webbsida - Antal fel: 1 ( 4.90 betyg )
- Bad value X for attribute X on element X: Subtype missing. (totalt 1 st)

• Kolla HTML-koden med W3C
• Hur funkar betygen för HTML på Webperf?

5 juli-stiftelsens tjänst Webbkoll kollar hur mycket som gjorts för att skydda besökarnas integritet. Betyg och bedömning är Webperfs.

---

Betyg: 3.44 av 5

- Ok integritet men borde nog bli bättre.

Integritet & säkerhet

- HTTP Strict Transport Security HSTS är ok, men har 2 fel och 0 varning(ar). ( 4.00 betyg )
- Content Security Policy är dåligt. ( 1.00 betyg )
- Referrer Policy är inte så bra. ( 2.50 betyg )
- Subresource Integrity SRI är dåligt. ( 1.00 betyg )
- HTTP-headers är ok, men har 1 fel och 0 varning(ar). ( 4.50 betyg )
- Kakor är ok, men har 1 fel och 0 varning(ar). ( 4.50 betyg )

• Kolla integriteten med Webbkoll hos 5 juli-stiftelsen
• Hur funkar integritetsbetyget på Webperf?

Följer webbplatsen praxis för felsidan 404?

---

Betyg: 4.20 av 5

- Saknas text som beskriver att ett fel uppstått (på svenska, eller engelska för engelskspråkig webbplats)? ( 1.00 betyg )

Tillgänglighet

- Saknas text som beskriver att ett fel uppstått (på svenska, eller engelska för engelskspråkig webbplats)? ( 1.00 betyg )

• Kolla HTTP-kod hos SEObook
• Hur funkar Fel 404 som betyg på Webperf?

Kontrollerar CSS-koden mot Webperf-communityts egna CSS-test, för att se om det följer modern webbstandard.

---

Betyg: 5 av 5

- CSS är välbyggd!

Kontrollerar HTML-koden mot Webperf-communityts egna HTML-test, för att se om det följer modern webbstandard.

---

Betyg: 5 av 5

- HTML är välbyggd!

Alpha-versionen av vårt mjukvaratest. Kontrollerar om det finns utdaterade versioner av mjukvara eller ramverk. Det vill säga potentiella säkerhetsrisker.

---

Betyg: 4.02 av 5

- Innehållshanteringssystem: wordpress
- Webbserver: tomcat
- Teknik: es6, js, mysql, php, typescript
- Licenser: gpl-3.0, mit
- Metadata: apple-touch-icon, canonical, dns-prefetch, icon, open-graph, preload, viewport
- JS-ramverk/bibliotek: core-js, elementor, flatpickr, jquery, jquery-migrate, jquery-timepicker, jquery-ui, matomo, owlcarousel2, popper-core, popperjs, sortable, tippyjs
- Språk: fi, fi_fi
- Bildformat: jpeg, jpg, png, svg

• Hur funkar mjukvarutestet?
• Mjukvarutestets dokumentation på Github

Kontrollerar om webbplatsen har tredjeparter och molntjänster utanför EU:s jurisdiktion, och om fingerprint-teknik används eller annat som äventyrar användarens integritet?

---

Betyg: 4.99 av 5

Integritet & säkerhet

Antal olika länder: 2
Sidan skickades från Sverige: Nej
##### Spårning ( 4.95 betyg )
- #79: matomo.php - Spårning hittad ( 1.00 betyg )
Besökaranalys används:
- #1: Webbsida - Har referens till Matomo
- #77: matomo.js - Har referens till Matomo
- #79: matomo.php - Har referens till Matomo

Hur mycket koldioxid produceras genom en sidvisning och hur mycket energi går åt jämfört med andra webbplatser på Webperf?

---

Betyg: 3.45 av 5

- Genomsnittligt när det gäller koldioxid.
- Koldioxid per sidvisning: 1.9 gram
- Webbsidan är grönare än 69 % av testade webbplatser på webperf.se (Referens uppdaterad: 2025-01-09).
- Nätverksstorlek: 3.00 MB
( 3.45 betyg )

• Hur funkar Energieffektivitet-testet på Webperf?

Kontrollerar ifall Javascript-koden är korrekt enligt Webperf-communityts egna Javascript-test. Testet är ett "lint"-test för att avgöra om det är korrekt Javascript och följer webbstandard.

---

Betyg: 2.97 av 5

- JS är dålig.

Webbstandard

- `< script>` in: #1: Webbsida , antal grupperade fel: 1 ( 4.80 betyg )
- `< script>` in: #1: Webbsida , antal fel: 1 ( 4.80 betyg )
- Parsing error: Unexpected token : (totalt 1 st)
- `< script src="...">` in: #1: Webbsida , antal grupperade fel: 4 ( 4.20 betyg )
- `< script src="...">` in: #1: Webbsida , antal fel: 920 ( 1.00 betyg )
- X is not defined. (totalt 674 st)
- X is defined but never used. (totalt 177 st)
- Unexpected console statement. (totalt 39 st)
- X is assigned a value but never used. (totalt 30 st)
- `content-type=".*javascript.*"` in: #77: matomo.js, antal grupperade fel: 4 ( 4.20 betyg )
- `content-type=".*javascript.*"` in: #77: matomo.js, antal fel: 49 ( 1.00 betyg )
- X is defined but never used. (totalt 20 st)
- X is not defined. (totalt 16 st)
- X is assigned a value but never used. (totalt 7 st)
- Unexpected console statement. (totalt 6 st)
- `content-type=".*javascript.*"` in: #78: wp-emoji-releas, antal grupperade fel: 4 ( 4.20 betyg )
- `content-type=".*javascript.*"` in: #78: wp-emoji-releas, antal fel: 50 ( 1.00 betyg )
- X is defined but never used. (totalt 20 st)
- X is not defined. (totalt 16 st)
- X is assigned a value but never used. (totalt 8 st)
- Unexpected console statement. (totalt 6 st)
- `content-type=".*javascript.*"` in: #79: section-fronten, antal grupperade fel: 4 ( 4.20 betyg )
- `content-type=".*javascript.*"` in: #79: section-fronten, antal fel: 51 ( 1.00 betyg )
- X is defined but never used. (totalt 20 st)
- X is not defined. (totalt 17 st)
- X is assigned a value but never used. (totalt 8 st)
- Unexpected console statement. (totalt 6 st)
- `content-type=".*javascript.*"` in: #80: shared-frontend, antal grupperade fel: 4 ( 4.20 betyg )
- `content-type=".*javascript.*"` in: #80: shared-frontend, antal fel: 69 ( 1.00 betyg )
- X is not defined. (totalt 35 st)
- X is defined but never used. (totalt 20 st)
- X is assigned a value but never used. (totalt 8 st)
- Unexpected console statement. (totalt 6 st)
- `content-type=".*javascript.*"` in: #81: text-editor.c08, antal grupperade fel: 4 ( 4.20 betyg )
- `content-type=".*javascript.*"` in: #81: text-editor.c08, antal fel: 72 ( 1.00 betyg )
- X is not defined. (totalt 38 st)
- X is defined but never used. (totalt 20 st)
- X is assigned a value but never used. (totalt 8 st)
- Unexpected console statement. (totalt 6 st)

Integritet & säkerhet

- `< script>` in: #1: Webbsida , antal grupperade fel: 1 ( 4.80 betyg )
- `< script>` in: #1: Webbsida , antal fel: 1 ( 4.80 betyg )
- Parsing error: Unexpected token : (totalt 1 st)
- `< script src="...">` in: #1: Webbsida , antal grupperade fel: 21 ( 1.00 betyg )
- `< script src="...">` in: #1: Webbsida , antal fel: 2866 ( 1.00 betyg )
- Expected an assignment or function call and instead saw an expression. (totalt 1996 st)
- Expected X and instead saw X. (totalt 729 st)
- Unexpected string concatenation of literals. (totalt 53 st)
- Do not access Object.prototype method X from target object. (totalt 37 st)
- Unnecessary escape character: \/. (totalt 9 st)
- Unnecessary escape character: \-. (totalt 8 st)
- X is assigned to itself. (totalt 6 st)
- Unnecessary X. (totalt 4 st)
- Unnecessary escape character: \". (totalt 4 st)
- Comparing to itself is potentially pointless. (totalt 3 st)
- Unnecessary escape character: \.. (totalt 3 st)
- Unnecessary escape character: \:. (totalt 3 st)
- X is not modified in this loop. (totalt 2 st)
- The Function constructor is eval. (totalt 2 st)
- Unnecessary escape character: \+. (totalt 1 st)
- Async function has no X expression. (totalt 1 st)
- Unsafe usage of ThrowStatement. (totalt 1 st)
- Unnecessary escape character: \'. (totalt 1 st)
- Script URL is a form of eval. (totalt 1 st)
- eval can be harmful. (totalt 1 st)
- Unnecessary escape character: \&. (totalt 1 st)
- `content-type=".*javascript.*"` in: #77: matomo.js, antal grupperade fel: 1 ( 4.80 betyg )
- `content-type=".*javascript.*"` in: #77: matomo.js, antal fel: 3 ( 4.40 betyg )
- Do not access Object.prototype method X from target object. (totalt 3 st)
- `content-type=".*javascript.*"` in: #78: wp-emoji-releas, antal grupperade fel: 3 ( 4.40 betyg )
- `content-type=".*javascript.*"` in: #78: wp-emoji-releas, antal fel: 29 ( 1.00 betyg )
- Expected an assignment or function call and instead saw an expression. (totalt 15 st)
- Expected X and instead saw X. (totalt 9 st)
- Do not access Object.prototype method X from target object. (totalt 5 st)
- `content-type=".*javascript.*"` in: #79: section-fronten, antal grupperade fel: 3 ( 4.40 betyg )
- `content-type=".*javascript.*"` in: #79: section-fronten, antal fel: 30 ( 1.00 betyg )
- Expected an assignment or function call and instead saw an expression. (totalt 16 st)
- Expected X and instead saw X. (totalt 9 st)
- Do not access Object.prototype method X from target object. (totalt 5 st)
- `content-type=".*javascript.*"` in: #80: shared-frontend, antal grupperade fel: 3 ( 4.40 betyg )
- `content-type=".*javascript.*"` in: #80: shared-frontend, antal fel: 64 ( 1.00 betyg )
- Expected an assignment or function call and instead saw an expression. (totalt 49 st)
- Expected X and instead saw X. (totalt 10 st)
- Do not access Object.prototype method X from target object. (totalt 5 st)
- `content-type=".*javascript.*"` in: #81: text-editor.c08, antal grupperade fel: 3 ( 4.40 betyg )
- `content-type=".*javascript.*"` in: #81: text-editor.c08, antal fel: 68 ( 1.00 betyg )
- Expected an assignment or function call and instead saw an expression. (totalt 53 st)
- Expected X and instead saw X. (totalt 10 st)
- Do not access Object.prototype method X from target object. (totalt 5 st)

Kontroll av hur snabb webbplatsen är, genom opensource-verktyget Sitespeed.io.

---

Betyg: 5 av 5

Hastighet

- [mobile] firstPaint: 294.00ms, ±10.00ms
- [mobile] LastVisualChange: 1665.00ms, ±35.00ms

• Hur funkar Sitespeed.io-testet på Webperf?

Tillgänglighetstest av webbplatsen för att kolla upp följsamhet till tillgänglighets­riktlinjerna WCAG (Web Content Accessibility Guidelines). Pa11y testar upp till och med nivå AAA av WCAG, vilket är högre än kravet i DOS-lagen.

---

Betyg: 2.65 av 5

- Väldigt dålig tillgänglighet!

Tillgänglighet

- Antal grupperade fel: 7 ( 3.60 betyg )
- Antal fel: 33 ( 1.70 betyg )

##### Problem:
- A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.74:1. Recommendation: change background to #767676.
- A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.4:1. Recommendation: change background to #949494.
- Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
- A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.74:1. Recommendation: change background to #8d8d8d.
- A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.11:1. Recommendation: change background to #767676.
- A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.14:1. Recommendation: change background to #949494.
- Anchor element found with no link content and no name and/or ID attribute.

• Hur funkar tillgänglighetstestet Pa11y på Webperf?

Letar efter standardfiler som robots.txt, security.txt, sitemaps och RSS-prenumerationer

---

Betyg: 4 av 5

Webbstandard

- security.txt har inte förväntat innehåll. ( 1.00 betyg )

Integritet & säkerhet

- security.txt har inte förväntat innehåll. ( 1.00 betyg )

• Hur funkar testet av standardfiler på Webperf?

Har webbplatsen bra frontendkod och frontend-prestanda enligt Yellow Lab Tools?

---

Betyg: 3.95 av 5

- Helt ok och ganska genomsnittligt.
( 3.95 betyg )
- Network ( 4.75 betyg )
- Images ( 4.05 betyg )
- Sidans DOM-komplexitet ( 4.65 betyg )
- Sidans Javascript-komplexitet ( 4.45 betyg )
- Sidans användning av dålig Javascript ( 4.95 betyg )
- Sidans användning av jQuery ( 5.00 betyg )
- Sidans CSS-komplexitet ( 1.00 betyg )
- Sidans användning av dålig CSS ( 1.75 betyg )
- Sidans användning av webbtypsnitt ( 1.60 betyg )
- Server­konfiguration ( 4.30 betyg )

Webbstandard

- CSS-syntax är fel ( 1.00 betyg )
- Gzip/Brotli-komprimering ( 4.65 betyg )

Hastighet

- Exekveringstid för Javascript ( 4.15 betyg )
- DOM-åtkomst ( 4.85 betyg )
- Antal regler ( 1.00 betyg )
- Gzip/Brotli-komprimering ( 4.65 betyg )
- Filminifiering ( 2.60 betyg )
- Webfonts number ( 1.00 betyg )
- Overweighted webfonts ( 1.35 betyg )
- Caching too short ( 1.00 betyg )

• Kolla frontend-kvalitet hos Yellow Lab Tools
• Hur funkar Yellow Lab Tools betyg på Webperf?

Beta-version av e-postkollen. Utvärderar inställningar som SPF, DNS, MX och mycket mer.
Obs! Detta test ingår inte i totalbetyget, däremot i delbetyget Integritet & säkerhet.

---

Betyg: 3.19 av 5

Webbstandard

- MTA-STS DNS-post hittades inte ( 1.00 betyg )
- MTA-STS TXT hittades inte ( 1.00 betyg )
- SPF DNS-post har otillåtet innehåll ( 1.00 betyg )
- SPF DNS-post använder två mellanslag istället för ett ( 1.50 betyg )
- DMARC DNS-post hittades inte ( 1.00 betyg )

Integritet & säkerhet

- MTA-STS DNS-post hittades inte ( 1.00 betyg )
- MTA-STS TXT hittades inte ( 1.00 betyg )
- SPF DNS-post använder mjukt misslyckande ( 2.00 betyg )
- SPF-servrar i länder utan adekvat nivå av dataskydd: US, HK, SG ( 1.00 betyg )
- DMARC DNS-post hittades inte ( 1.00 betyg )

• Mejltestets dokumentation på Github

Kontrollerar CSS-koden mot W3C för att se om den har rätt syntax och följer webbstandard.

---

Betyg: 4.34 av 5

- CSS är välbyggd!

Webbstandard

- `< style>` in: #1: Webbsida , antal grupperade fel: 1 ( 4.80 betyg )
- `< style>` in: #1: Webbsida , antal fel: 1 ( 4.90 betyg )
- CSS: X: Property X doesn't exist. (totalt 1 st)
- `< link rel="stylesheet">` in: #1: Webbsida , antal grupperade fel: 5 ( 4.00 betyg )
- `< link rel="stylesheet">` in: #1: Webbsida , antal fel: 47 ( 1.00 betyg )
- CSS: only X can be a X. You must put a unit after your number (totalt 21 st)
- CSS: Parse Error. (totalt 14 st)
- CSS: X: Property X doesn't exist. (totalt 8 st)
- CSS: X: X is not a X value. (totalt 3 st)
- CSS: X: Unknown dimension. (totalt 1 st)

• Hur funkar CSS-testet på Webperf?