Banana design

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

* Webbplatsen kan bli mer tillgänglig, men är helt ok.
* Antal problem med tillgänglighet: 2 st
* 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: 3.50 av 5

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

• Hur funkar testet av standardfiler på Webperf?

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

---

Betyg: 4 av 5

* Webbplatsen har ändå förbättrings­potential.
* Antal problem med god praxis: 1 st

Problem:
* Includes front-end JavaScript libraries with known security vulnerabilities

Kolla Lighthouse hos web.dev

Följer webbplatsen praxis för felsidan 404?

---

Betyg: 3.50 av 5

* Verkar sakna text som beskriver att ett fel uppstått (på svenska).

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

Kontrollerar CSS-koden mot W3C.

---

Betyg: 1 av 5

* CSS är väldigt dålig.
- Antal (grupperade fel): 21, vilket ändrar betyget till: 0.80
- Antal fel: 303, vilket ytterligare minskar betyget med: 28.20
-- “color”: Invalid RGB function. (totalt 113 st)
-- “background-color”: Invalid RGB function. (totalt 90 st)
-- “border-color”: Invalid RGB function. (totalt 30 st)
-- “--bg-overlay-color”: Invalid RGB function. (totalt 17 st)
-- “border-top-color”: Invalid RGB function. (totalt 5 st)
-- “--alpha”: Parse Error. (totalt 5 st)
-- “border-top”: Invalid RGB function. (totalt 4 st)
-- “border”: Invalid RGB function. (totalt 4 st)
-- “stroke”: “param-color(clr,color_15)” is not a “stroke” value. (totalt 4 st)
-- “fill”: Invalid RGB function. (totalt 4 st)
-- “--bg”: Parse Error. (totalt 4 st)
-- The value “break-word” is deprecated (totalt 4 st)
-- “background”: Invalid RGB function. (totalt 4 st)
-- “border-bottom-color”: Invalid RGB function. (totalt 3 st)
-- “border-bottom”: Invalid RGB function. (totalt 2 st)
-- “--container-corvid-border-color”: Invalid RGB function. (totalt 2 st)
-- “--container-corvid-background-color”: Invalid RGB function. (totalt 2 st)
-- “border-right”: “secondary-color” is not a “color” value. (totalt 2 st)
-- “--shd”: Invalid RGB function. (totalt 2 st)
-- “vector-effect”: Property “vector-effect” doesn't exist. (totalt 1 st)
-- “--boxShadowToggleOn”: Parse Error. (totalt 1 st)

• Hur funkar CSS-testet på Webperf?

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

---

Betyg: 5 av 5

* Webbplatsen följer god SEO-praxis fullt ut!
* Antal problem med sökmotoroptimering (SEO): 0 st

Kolla Lighthouse hos web.dev

Hastighetstest från Google.

---

Betyg: 2 av 5

* Webbplatsen är ganska långsam.
* Observerad hastighet: 2.655 sekunder
* Första meningsfulla visuella ändring: 3.108 sek
* Första meningsfulla visuella ändring på 3G: 6.06 sek
* Webbplatsen är interaktiv: 14.593 sek
* Tid spenderad på hänvisningar: 0.0 sek
* Sidans totala vikt: 1931 kb

Kolla Lighthouse hos web.dev

Kontrollerar HTML-koden mot W3C.

---

Betyg: 1 av 5

* Den testade sidan har massor med fel i sin HTML-kod. Hela 357 st.
* Antal (grupperade fel): 11, vilket ändrar betyget till: 2.80
* Antal fel: 357, vilket ytterligare minskar betyget med: 35.70
* Problem (grupperad på feltyp):
- CSS: X: Invalid RGB function. (totalt 282 st)
- Attribute X not allowed on element X at this point. (totalt 25 st)
- Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (totalt 12 st)
- CSS: X: Parse Error. (totalt 10 st)
- End tag X did not match the name of the current open element (X). (totalt 8 st)
- Bad value X for attribute X on element X: An ID must not contain whitespace. (totalt 6 st)
- CSS: X: X is not a X value. (totalt 6 st)
- The X attribute on the X element is obsolete. Use CSS instead. (totalt 3 st)
- Element X is missing required attribute X. (totalt 3 st)
- A X attribute on a X element found after the first 1024 bytes. (totalt 1 st)
- CSS: X: Property X doesn't exist. (totalt 1 st)

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

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

---

Betyg: 2 av 5

* Dataskyddsförordningen och Schrems II-domen: (0.0 poäng)
-- Antal olika länder: 2
-- Länder utanför EU: 1
---- US, 156 förfrågningar
-- Sidan skickades från Sverige: Nej
* Spårning (+1.0 poäng)
-- Inga spårnings förfrågningar
* Identifieringstekniker (0.0 poäng)
-- battery (warning): 1
* Annonsörer (+1.0 poäng)
-- Inga annonsörsförfrågningar hittades
* Kakor (0.0 poäng)
-- Tredjepartskakor: 2
-- Giltiga över 1 år: 1
-- Inget krav på säker överföring: 2

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

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

---

Betyg: 4.10 av 5

* Resultat för: https://www.bananadesign.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)
-- HTTPv2 stöd (+0.5 poäng)

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

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

---

Betyg: 4.55 av 5

* Webbplatsen är bra.
* Övergripande betyg: 81 av 100
* Testat för enhetstyp: phone
* Sidans storlek: 70
* Andelen resurser för sidan: 87
* Sidans DOM komplexitet: 100
* Sidans användning av dålig javascript: 99
* Sidans användning av jQuery: 65
* Sidans CSS komplexitet: 94
* Sidans användning av dålig CSS: 77
* Sidans användning av webbtypsnitt: 50
* Server konfiguration: 82

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

Lever webbplatsen upp till EU:s webbdirektiv och WCAG?

---

Betyg: 3 av 5

* Genomsnittlig tillgänglighet men kan bli bättre.
* Antal tillgänglighetsproblem: 2 st

Problem:
* Anchor element found with a valid href attribute, but no link content has been supplied.

• 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!
* HTTP Strict Transport Security (HSTS): ä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 2 fel och 0 varning(ar). (Vilket ger 0.20 färre poäng)
* Kakor: är ok, men har 6 fel och 0 varning(ar). (Vilket ger 0.60 färre poäng)
* localStorage: localStorage används:
* Tredjepartsförfrågningar: 101 förfrågningar (101 säkra, 0 osäkra) till 5 unika värdar.
* Serverplats: Servern www.bananadesign.se (35.242.251.130) verkade vara belägen i Tyskland under vårt test.
Resultat skapat: 2021-06-05 13:53:05 Etc/UTC (Buffras 24h)

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

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

---

Betyg: 4.16 av 5

* Webbsidan genererar ganska lite koldioxid.
* Koldioxid per sidvisning: 1.64 gram
* Webbsidan är grönare än 29 % av testade webbplatser.
* Kunde inte se att webbplatsen använder grön el.

• Kolla miljöpåverkan hos Websitecarbon.com

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

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

Kolla Lighthouse hos web.dev