Knapptryckarna

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

---

Betyg: 2.20 av 5

- Den testade sidan har 29 st fel i sin HTML-kod. Det är inte så bra.

Webbstandard

- #1: Webbsida - Antal (grupperade fel): 14 ( 2.20 betyg )
- #1: Webbsida - Antal fel: 28 ( 2.20 betyg )
- Attribute X not allowed on element X at this point. (totalt 4 st)
- Bad value X for attribute X on element X. (totalt 3 st)
- An X element must have an X attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. (totalt 2 st)
- No space between attributes. (totalt 2 st)
- Quote X in attribute name. Probable cause: Matching quote missing somewhere earlier. (totalt 2 st)
- Bad value X for attribute X on element X: An ID must not contain whitespace. (totalt 2 st)
- Self-closing syntax (X) used on a non-void HTML element. Ignoring the slash and treating as a start tag. (totalt 2 st)
- The element X must not appear as a descendant of the X element. (totalt 2 st)
- Any X descendant of a X element with a X attribute must have an ID value that matches that X attribute. (totalt 2 st)
- Unclosed element X. (totalt 2 st)
- The value of the X attribute of the X element must be the ID of a non-hidden form control. (totalt 2 st)
- The X element may contain at most one X, X, X, X, X, X, or X descendant. (totalt 1 st)
- End tag X seen, but there were open elements. (totalt 1 st)
- Cannot recover after last error. Any further errors will be ignored. (totalt 1 st)

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

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

---

Betyg: 4.36 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: 4 ( 4.20 betyg )
- `< link rel="stylesheet">` in: #1: Webbsida , antal fel: 44 ( 1.00 betyg )
- CSS: only X can be a X. You must put a unit after your number (totalt 27 st)
- CSS: Parse Error. (totalt 15 st)
- CSS: X: X is not a X value. (totalt 1 st)
- CSS: The @charset rule may only occur at the start of the style sheet. Please check that there are no spaces before it. (totalt 1 st)

• Hur funkar CSS-testet på Webperf?

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

---

Betyg: 4.60 av 5

- HTML är bra.

Webbstandard

- #1: Webbsida , antal grupperade fel: 2 ( 4.60 betyg )
- #1: Webbsida , antal fel: 2 ( 4.60 betyg )
- No space between attributes (totalt 1 st)
- failed to tokenize X id=\X, expected attribute, X or X. (totalt 1 st)

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

---

Betyg: 3.85 av 5

- Genomsnittlig efterlevnad till SEO-praxis.
- Alla bildelement har inte `[alt]`-attribut ( 1.00 betyg )
- Dokumentet har ingen metabeskrivning ( 1.00 betyg )
- Länkar har inte beskrivande text ( 1.00 betyg )

Kolla Lighthouse hos web.dev

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: 4.07 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 )

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 )
- DMARC DNS-post använder 'none' för policy ( 1.00 betyg )

• Mejltestets dokumentation på Github

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.50 av 5

- Ok integritet men borde nog bli bättre.

Integritet & säkerhet

- Strict Transport Security är dåligt. ( 1.00 betyg )
- Content Security Policy är dåligt. ( 1.00 betyg )
- Kakor är ok, men har 21 fel och 0 varning(ar). ( 1.00 betyg )

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

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

---

Betyg: 4 av 5

- CSS är bra.

Webbstandard

- `< link rel="stylesheet">` in: #1: Webbsida , antal grupperade fel: 55 ( 1.00 betyg )
- `< link rel="stylesheet">` in: #1: Webbsida , antal fel: 138 ( 1.00 betyg )
- Oväntat okänt media-funktionsvärde “max-width” för namn “-1” (totalt 16 st)
- Oväntad okänd anpassad egenskap “--grid-row-gap” (totalt 15 st)
- Oväntat okänt media-funktionsvärde “min-width” för namn “-1” (totalt 11 st)
- Unexpected deprecated keyword X for property X (declaration-property-value-keyword-no-deprecated) (totalt 10 st)
- Oväntat okänt värde “display” för egenskap “-ms-flexbox” (totalt 8 st)
- Oväntad okänd anpassad egenskap “--grid-column-gap” (totalt 8 st)
- Oväntad okänd anpassad egenskap “--e-global-color-1cc48bd” (totalt 5 st)
- Oväntad okänd anpassad egenskap “--e-global-color-6e8f5a0” (totalt 3 st)
- Oväntad okänd anpassad egenskap “--e-global-color-ac16b29” (totalt 3 st)
- Oväntad okänd anpassad egenskap “--e-global-color-de31a80” (totalt 3 st)
- Unexpected empty block (block-no-empty) (totalt 2 st)
- Oväntad okänd anpassad egenskap “--justify-items” (totalt 2 st)
- Oväntad okänd anpassad egenskap “--swiper-centered-offset-before” (totalt 2 st)
- Oväntad okänd anpassad egenskap “--swiper-centered-offset-after” (totalt 2 st)
- Oväntad okänd anpassad egenskap “--swiper-virtual-size” (totalt 2 st)
- Oväntad okänd anpassad egenskap “--container-widget-width” (totalt 2 st)
- Oväntad okänd anpassad egenskap “--container-widget-flex-grow” (totalt 2 st)
- Oväntad okänd anpassad egenskap “--load-more-spinner-color” (totalt 2 st)
- Oväntad okänd anpassad egenskap “--video-aspect-ratio” (totalt 2 st)
- Oväntad okänd anpassad egenskap “--e-global-color-c7e0497” (totalt 2 st)
- Oväntad okänd anpassad egenskap “--wp--style--global--wide-size” (totalt 2 st)
- Oväntat okänt värde “filter” för egenskap “alpha(opacity=100)” (totalt 1 st)
- Oväntad okänd funktion “alpha” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--fa-font-regular” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--fa-font-solid” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--fa-font-light” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--fa-font-sharp-regular” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--fa-font-sharp-solid” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--fa-font-sharp-light” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--fa-font-brands” (totalt 1 st)
- Oväntat okänt värde “-moz-transition” för egenskap “0” (totalt 1 st)
- Oväntat okänt värde “-webkit-transition” för egenskap “0” (totalt 1 st)
- Oväntat okänt värde “speak” för egenskap “none” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--e-a-bg-logo” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--e-a-color-logo” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--display” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--background-overlay” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--e-transform-origin-y” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--e-transform-origin-x” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--e-con-transform-origin-y” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--e-con-transform-origin-x” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--page-title-display” (totalt 1 st)
- Oväntad okänd typselektor “e-page-transition” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--e-icon-list-icon-size” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--e-icon-list-icon-align” (totalt 1 st)
- Oväntat okänt animationsnamn “enterQuit” (totalt 1 st)
- Oväntat okänt animationsnamn “exitQuit” (totalt 1 st)
- Oväntat okänt animationsnamn “loadAnim” (totalt 1 st)
- Oväntat okänt värde “background” för egenskap “-ms-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)” (totalt 1 st)
- Oväntat okänt värde “background” för egenskap “-ms-linear-gradient(top, #585858 0%, #111 100%)” (totalt 1 st)
- Oväntat okänt värde “background” för egenskap “-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%)” (totalt 1 st)
- Oväntat okänt värde “flex-flow” för egenskap “none” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--load-more-message-color” (totalt 1 st)
- Oväntad okänd anpassad egenskap “--e-global-color-49d991e” (totalt 1 st)
- Oväntat okänt animationsnamn “spin” (totalt 1 st)

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

---

Betyg: 3.85 av 5

- Webbsidan genererar ganska lite koldioxid.
- Koldioxid per sidvisning: 1.59 gram
- Webbsidan är grönare än 77 % av testade webbplatser på webperf.se (Referens uppdaterad: 2025-01-09).
- Nätverksstorlek: 2.51 MB
( 3.85 betyg )

• Hur funkar Energieffektivitet-testet på Webperf?

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: 5 av 5

Integritet & säkerhet

Antal olika länder: 1
Sidan skickades från Sverige: Ja

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

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

---

Betyg: 4.57 av 5

Hastighet

- [desktop] TTFB (Time to First Byte): 459.67ms, ±23.33ms ( 1.00 betyg )
- [desktop] DOMContentLoaded: 733.00ms, ±38.00ms ( 4.53 betyg )
- [desktop] LCP (Largest Contentful Paint): 664.00ms, ±32.00ms ( 3.00 betyg )
- [desktop] Load: 828.00ms, ±31.00ms ( 4.34 betyg )
- [desktop] FirstVisualChange: 667.50ms, ±34.50ms ( 4.67 betyg )
- [desktop] SpeedIndex: 755.50ms, ±34.50ms ( 4.49 betyg )
- [desktop] VisualComplete85: 767.50ms, ±34.50ms ( 4.46 betyg )
- [desktop] firstPaint: 664.00ms, ±32.00ms
- [desktop] LastVisualChange: 767.50ms, ±34.50ms
- [mobile] firstPaint: 642.00ms, ±2.00ms
- [mobile] LastVisualChange: 1100.00ms, ±0.00ms

• Hur funkar Sitespeed.io-testet 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.35 av 5

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

Tillgänglighet

- Alla bildelement har inte `[alt]`-attribut ( 1.00 betyg )
- 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 )
- Länkar för att hoppa över är inte fokuserbara. ( 1.00 betyg )
- Använder ARIA-roller på inkompatibla element ( 1.00 betyg )
- Element med synliga textetiketter har inte matchande maskinläsbara etiketter. ( 1.00 betyg )

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

Följer webbplatsen praxis för felsidan 404?

---

Betyg: 5 av 5

• Kolla HTTP-kod hos SEObook
• Hur funkar Fel 404 som betyg 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?

Ett hastighetstest från Google.

---

Betyg: 4.15 av 5

- Webbplatsen är snabb.

Hastighet

- Largest Contentful Paint: 4,5 s ( 1.90 betyg )
- First Contentful Paint: 1,9 s ( 4.40 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 )
- Använd bilder med rätt storlek ( 1.00 betyg )
- Alla bildelement har inte `width` och `height`: ( 2.50 betyg )
- Minifiera JavaScript: Möjlig databesparing 2 Kibit ( 2.50 betyg )
- Koda bilder effektivt: Möjlig databesparing 41 Kibit ( 2.50 betyg )
- Time to Interactive: 4,5 s ( 4.15 betyg )

Kolla Lighthouse hos web.dev

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

---

Betyg: 3.29 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-inline';
- form-action gansub.com;
- style-src 'self' 'unsafe-inline';
- object-src 'none';
- frame-ancestors 'none';
- connect-src 'self';

###### Rekommenderat CSP-betyg:
- Övergripande: 4.46
- Integritet & säkerhet: 4.35
- 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 )
- knapptryckarna.se, använder inte HSTS ( 1.00 betyg )
- Inget IPv6 stöd ( 1.00 betyg )
- Inget TLSv1.3 stöd ( 1.00 betyg )
- knapptryckarna.se, inget stöd för transportlagret: TLSv1.2 ( 1.00 betyg )
- knapptryckarna.se, använder inte CSP ( 1.00 betyg )

Integritet & säkerhet

- knapptryckarna.se, använder inte HSTS ( 1.00 betyg )
- Inget TLSv1.3 stöd ( 1.00 betyg )
- knapptryckarna.se, inget stöd för transportlagret: TLSv1.2 ( 1.00 betyg )
- knapptryckarna.se, använder inte CSP ( 1.00 betyg )

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

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

---

Betyg: 4.20 av 5

- Webbplatsen är bra.
( 4.20 betyg )
- Network ( 4.90 betyg )
- Images ( 2.10 betyg )
- Sidans DOM-komplexitet ( 5.00 betyg )
- Sidans Javascript-komplexitet ( 5.00 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 ( 3.40 betyg )
- Sidans användning av webbtypsnitt ( 5.00 betyg )
- Server­konfiguration ( 5.00 betyg )

Hastighet

- Antal regler ( 1.00 betyg )
- Filminifiering ( 4.70 betyg )
- Antal anrop ( 4.45 betyg )

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

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.38 av 5

- Innehållshanteringssystem: wordpress
- Webbserver: nginx, tomcat
- Teknik: c, es6, js, php, sass
- Licenser: mit
- Metadata: apple-touch-icon, canonical, icon, viewport
- JS-ramverk/bibliotek: autofill, buttons-for-datatables, colreorder, core-js, datatables, datetime-picker-for-datatables.net, desandro-matches-selector, elementor, ev-emitter, fixedcolumns, fixedheader, fizzy-ui-utils, get-size, imagesloaded, jquery, jquery-migrate, jquery-ui, js-cookie, keytable, masonry, outlayer, responsive, rowgroup, rowreorder, scroller, searchbuilder, searchpanes, select-for-datatables, staterestore, wow
- Språk: sv, sv-se
- Bildformat: jpeg, jpg, png, webp

• Hur funkar mjukvarutestet?
• Mjukvarutestets dokumentation på Github

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.85 av 5

- Väldigt dålig tillgänglighet!

Tillgänglighet

- Antal grupperade fel: 5 ( 4.00 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 1.46:1. Recommendation: change text colour to #666.
- 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.24:1. Recommendation: change text colour to #767676.
- 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 4.5:1, but text in this element has a contrast ratio of 4.48:1. Recommendation: change text colour to #767676.
- 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 4.13:1. Recommendation: change text colour to #247daf.

• Hur funkar tillgänglighetstestet Pa11y på Webperf?