Tom Tits Experiment

Följer webbplatsen praxis för progressiva webbappar?
Obs! Betygsätts inte.

---

* Genomsnittlig efterlevnad till praxis för progressiva webbappar.
* Antal problem med praxis för progressiva webbappar: 6 st

Problem:
* Does not set a theme color for the address bar.
* Does not provide a valid `apple-touch-icon`
* Manifest doesn't have a maskable icon
* Does not register a service worker that controls page and `start_url`
* Web app manifest or service worker do not meet the installability requirements
* Is not configured for a custom splash screen

Kolla Lighthouse hos web.dev

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

---

Betyg: 2 av 5

* Webbplatsen är dålig på tillgänglighet för funktions­varierade personer.
* Antal problem med tillgänglighet: 4 st
* `[aria-hidden="true"]` elements contain focusable descendents
* Heading elements are not in a sequentially-descending order
* Background and foreground colors do not have a sufficient contrast ratio.
* Links do not have a discernible name

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

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

---

Betyg: 2.50 av 5

* robots.txt verkar ok.
* Sitemap finns omnämnd i robots.txt
* Sitemap verkar vara trasig.
* RSS-prenumeration saknas i meta.
* security.txt saknas.

• Hur funkar testet av standardfiler på Webperf?

Kontrollerar CSS-koden mot W3C.

---

Betyg: 5 av 5

* CSS är välbyggd!

• Hur funkar CSS-testet på Webperf?

Kollar om webbplatsen följer god praxis för webbutveckling.

---

Betyg: 3 av 5

* Genomsnittlig efterlevnad till praxis.
* Antal problem med god praxis: 3 st

Problem:
* Registers an `unload` listener
* Includes front-end JavaScript libraries with known security vulnerabilities
* Links to cross-origin destinations are unsafe

Kolla Lighthouse hos web.dev

Kontrollerar HTML-koden mot W3C.

---

Betyg: 2.50 av 5

* Den testade sidan har 9 st fel i sin HTML-kod. Det är inte så bra.
* Antal (grupperade fel): 8, vilket ändrar betyget till: 3.40
* Antal fel: 9, vilket ytterligare minskar betyget med: 0.90
* Problem (grupperad på feltyp):
- Stray end tag X. (totalt 2 st)
- Element X is missing required attribute X. (totalt 1 st)
- Bad start tag in X in X in X. (totalt 1 st)
- Element X is missing a required instance of child element X. (totalt 1 st)
- An X element must have an X attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. (totalt 1 st)
- Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (totalt 1 st)
- Start tag X seen but an element of the same type was already open. (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?

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

---

Betyg: 4 av 5

* Webbplatsen har ändå förbättrings­potential inom SEO.
* Antal problem med sökmotoroptimering (SEO): 1 st

Problem:
* Document does not have a valid `rel=canonical`

Kolla Lighthouse hos web.dev

Följer webbplatsen praxis för felsidan 404?

---

Betyg: 5 av 5

* Inga anmärkningar.

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

Hastighetstest från Google.

---

Betyg: 2 av 5

* Webbplatsen är ganska långsam.
* Observerad hastighet: 3.281 sekunder
* Första meningsfulla visuella ändring: 2.384 sek
* Första meningsfulla visuella ändring på 3G: 4.7835 sek
* Webbplatsen är interaktiv: 16.4045 sek
* Tid spenderad på hänvisningar: 0.0 sek
* Sidans totala vikt: 2851 kb

Kolla Lighthouse hos web.dev

Lever webbplatsen upp till EU:s webbdirektiv och WCAG?

---

Betyg: 1 av 5

* Väldigt dålig tillgänglighet!
* Antal tillgänglighetsproblem: 20 st

Problem:
* A textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
* A form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
* 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.77:1. Recommendation: change background to #fcfcfc.
* A textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
* A form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
* 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.65:1. Recommendation: change background to #fffffd.
* 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.01:1. Recommendation: change text colour to #61810b.
* Anchor element found with a valid href attribute, but no link content has been supplied.
* Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

• Hur funkar tillgänglighetstestet Pa11y på Webperf?

Dataskydd.net kollar hur mycket som gjorts för att skydda besökarnas integritet. Betyg och bedömning är Webperfs.

---

Betyg: 1 av 5

* Riktigt dålig integritet för användarna!
* HTTPS som standard: är bra!
* Strict Transport Security: är dåligt. (Vilket ger 1.00 färre poäng)
* Content Security Policy: är dåligt. (Vilket ger 1.00 färre poäng)
* Rapportering (CSP, Certificate Transparency, Network Error Logging): är bra!
* Referrer Policy: är dåligt. (Vilket ger 1.00 färre poäng)
* Subresource Integrity (SRI): är dåligt. (Vilket ger 1.00 färre poäng)
* HTTP-headers: är ok, men har 1 fel och 0 varning(ar). (Vilket ger 0.10 färre poäng)
* Kakor: är ok, men har 23 fel och 0 varning(ar). (Vilket ger 1.00 färre poäng)
* localStorage: localStorage används:
* Tredjepartsförfrågningar: 38 förfrågningar (38 säkra, 0 osäkra) till 18 unika värdar.
* Serverplats: Servern www.tomtit.se (194.71.191.33) verkade vara belägen i Sverige under vårt test.
Resultat skapat: 2021-10-15 20:34:56 Etc/UTC (Buffras 24h)

• Kolla integriteten med Webbkoll på dataskydd.net
• Hur funkar integritetsbetyget på Webperf?

Molntjänster utanför EU? Används fingerprint-teknik eller annat som äventyrar användarens integritet?

---

Betyg: 3 av 5

* Dataskyddsförordningen och Schrems II-domen: (0.0 poäng)
-- Antal olika länder: 4
-- Länder utanför EU: 2
---- US, 32 förfrågningar
---- GB, 2 förfrågningar
-- Sidan skickades från Sverige: Ja
* Spårning (+1.0 poäng)
-- Besökaranalys används:
---- Google Analytics
---- Google Tag Manager
-- Inga spårnings förfrågningar
* Identifieringstekniker (+1.0 poäng)
-- Inga Identifieringstekniker hittades
* Annonsörer (+1.0 poäng)
-- Inga annonsörsförfrågningar hittades
* Kakor (0.0 poäng)
-- Tredjepartskakor: 8
-- Giltiga över 1 år: 1
-- Inget krav på säker överföring: 9

• Kolla integriteten med Pagexray
• Hur funkar spårnings- och integritetstestet på Webperf?

Hur mycket koldioxid produceras genom en sidvisning? Drivs webbplatsen med grön-el?

---

Betyg: 1 av 5

* Webbsidan är riktigt dålig! Skapar massor av koldioxid för varje sidvisning :(
* Koldioxid per sidvisning: 7.55 gram
* Webbsidan är grönare än 4 % av testade webbplatser.
* Kunde inte se att webbplatsen använder grön el.

• Kolla miljöpåverkan hos Websitecarbon.com

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

---

Betyg: 1.80 av 5

* Övergripande betyg: 26 av 100
* Testat för enhetstyp: phone
* Sidans storlek: -186
* Andelen resurser för sidan: 82
* Sidans DOM komplexitet: 100
* Sidans användning av dålig javascript: 99
* Sidans användning av jQuery: 100
* Sidans CSS komplexitet: 95
* Sidans användning av dålig CSS: 98
* Sidans användning av webbtypsnitt: 33
* Server konfiguration: 66

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

Hur snabb är webbplatsen?

---

Betyg: 3.76 av 5

* Genomsnittlig hastighet.
* Speedindex: 1430
* Laddtid: 1.51s
* Antal förfrågningar: 60 st

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

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

---

Betyg: 3.60 av 5

* Resultat för: https://www.tomtit.se
- Har HTTP till HTTPS omdirigering (1.0 poäng)
- TLS Version(er):
-- TLSv1.3 stöd (+0.5 poäng)
-- TLSv1.2 stöd (+0.5 poäng)
-- Inget TLSv1.1 stöd (+0.3 poäng)
-- Inget TLSv1.0 stöd (+0.3 poäng)
- IP Version(er):
-- Bara IPv4 stöd (+0.5 poäng)
- HTTP Version(er):
-- HTTPv1.1 stöd (+0.5 poäng)

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