Summerjam

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

---

Betyg: 2.30 av 5

* Webbsidan genererar en hel del koldioxid :/
* Koldioxid per sidvisning: 3.50 gram
* Webbsidan är grönare än 13 % av testade webbplatser.
* Webbplatsen verkar drivas av grön el.

• Kolla miljöpåverkan hos Websitecarbon.com

Kontrollerar CSS-koden mot W3C.

---

Betyg: 1 av 5

* Den testade sidan har massor med fel i sin CSS-kod. Hela {0} st.
TEXT_REVIEW_RATING_GROUPEDTEXT_REVIEW_RATING_ITEMS- Parse Error. (totalt 11 st)
- “background-image”: “none” is not a “color” value. (totalt 11 st)
- “box-shadow”: “transparent” is not a “box-shadow” value. (totalt 10 st)
- unrecognized media “screenand”. (totalt 6 st)
- “border-right”: “px” is not a “color” value. (totalt 5 st)
- “border-left”: “px” is not a “color” value. (totalt 5 st)
- “border-bottom”: “px” is not a “color” value. (totalt 5 st)
- “margin-left”: “px” is not a “margin-left” value. (totalt 2 st)
- “margin-top”: “px” is not a “margin-top” value. (totalt 2 st)
- “padding”: only “0” can be a “unit”. You must put a unit after your number. (totalt 1 st)
- Premature end of chunk coded message body: closing chunk expected (totalt 1 st)
- “transition”: “"width 200ms linear"” is not a “transition” value. (totalt 1 st)
- “user-select”: “default” is not a “user-select” value. (totalt 1 st)
- “text-overflow”: “none” is not a “text-overflow” value. (totalt 1 st)
- “transition”: “"box-shadow .15s ease-out"” is not a “transition” value. (totalt 1 st)
- “writing-mode”: “bt-lr” is not a “writing-mode” value. (totalt 1 st)
- “flex-align”: Property “flex-align” doesn't exist. (totalt 1 st)
- “padding”: Too many values or values are not recognized. (totalt 1 st)
- “transition”: “"opacity 0.3s linear"” is not a “transition” value. (totalt 1 st)
- Unknown pseudo-element or pseudo-class “:normal” (totalt 1 st)
- “border-radius”: “-1px” negative values are not allowed. (totalt 1 st)
- “box-shadow”: “none” is not a “color” value. (totalt 1 st)
- “letter-spacing”: only “0” can be a “unit”. You must put a unit after your number. (totalt 1 st)
- “border-top”: “pt” is not a “color” value. (totalt 1 st)
- “margin-right”: “´px” is not a “margin-right” value. (totalt 1 st)
- “box-shadow”: only “0” can be a “unit”. You must put a unit after your number. (totalt 1 st)
- “border-top”: “px” is not a “color” value. (totalt 1 st)
- “width”: Too many values or values are not recognized. (totalt 1 st)

• Kolla CSS-koden med W3C
• Hur funkar CSS-testet på Webperf?

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:
* Web app manifest or service worker do not meet the installability requirements
* Does not set a theme color for the address bar.
* Does not register a service worker that controls page and `start_url`
* Does not provide a valid `apple-touch-icon`
* Manifest doesn't have a maskable icon
* 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: 5 st
* `<frame>` or `<iframe>` elements do not have a title
* Links do not have a discernible name
* Image elements do not have `[alt]` attributes
* Background and foreground colors do not have a sufficient contrast ratio.
* `[user-scalable="no"]` is used in the `<meta name="viewport">` element or the `[maximum-scale]` attribute is less than 5.

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

* robots.txt saknas, får inte lov att hämtas eller har inte förväntat innehåll.
* Sitemap anges inte i robots.txt
* RSS-prenumeration saknas i meta.
* security.txt saknas.

• Hur funkar testet av standardfiler på Webperf?

Kontrollerar HTML-koden mot W3C.

---

Betyg: 1.60 av 5

* Den testade sidan har 12 st fel i sin HTML-kod. Det är inte så bra.
* Antal (grupperade fel): 11, vilket ändrar betyget till: 2.80
* Antal fel: 12, vilket ytterligare minskar betyget med: 1.20
* Problem (grupperad på feltyp):
- Attribute X not allowed here. (totalt 2 st)
- Obsolete doctype. Expected X. (totalt 1 st)
- A X attribute on a X element found after the first 1024 bytes. (totalt 1 st)
- Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (totalt 1 st)
- Element X must not be empty. (totalt 1 st)
- A document must not include both a X element with an X attribute whose value is X, and a X element with a X attribute. (totalt 1 st)
- Attribute X not allowed on element X at this point. (totalt 1 st)
- Element X is missing one or more of the following attributes: X, X. (totalt 1 st)
- Stray end tag X. (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?

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

---

Betyg: 3.40 av 5

* Resultat för: https://summerjam.de
- Har HTTP till HTTPS omdirigering (1.0 poäng)
- TLS Version(er):
-- Inget TLSv1.3 stöd (0.0 poäng)
-- TLSv1.2 stöd (+0.4 poäng)
- IP Version(er):
-- Både IPv4 och IPv6 stöd (+1.0 poäng)
- DNS Info:
-- Saknar ESNI-post (0.0 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?

Lever webbplatsen upp till EU:s webbdirektiv och WCAG?

---

Betyg: 1 av 5

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

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.18:1. Recommendation: change background to #0e4f00.
* Anchor element found with no link content and no name and/or ID attribute.
* Anchor element found with a valid href attribute, but no link content has been supplied.
* A select 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.
* Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
* 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.16:1. Recommendation: change background to #001214.
* 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.16:1. Recommendation: change background to #001214.
* Anchor element found with a valid href attribute, but no link content has been supplied.
* 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 1.03:1. Recommendation: change text colour to #056a72.
* Info: För många unika problem för att lista alla

• Hur funkar tillgänglighetstestet Pa11y på Webperf?

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

---

Betyg: 1 av 5

* Väldigt dåligt betyg enligt Yellow Lab Tools!
* Övergripande betyg: -31 av 100
* Testat för enhetstyp: phone
* Sidans storlek: -211
* Andelen resurser för sidan: 30
* Sidans DOM komplexitet: 52
* Förändringar av sidans DOM: -10
* Sid skrollning: -185
* Sidans användning av dålig javascript: -31
* Sidans användning av jQuery: 28
* Sidans CSS komplexitet: 47
* Sidans användning av dålig CSS: -60
* Sidans användning av webbtypsnitt: 31
* Server konfiguration: 98

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

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

---

Betyg: 1 av 5

* Webbplatsen är inte alls bra på att följa praxis!
* Antal problem med god praxis: 6 st

Problem:
* Includes front-end JavaScript libraries with known security vulnerabilities
* Browser errors were logged to the console
* Missing source maps for large first-party JavaScript
* Page lacks the HTML doctype, thus triggering quirks-mode
* Links to cross-origin destinations are unsafe
* Uses deprecated APIs

Kolla Lighthouse hos web.dev

Ä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): 2 st

Problem:
* Image elements do not have `[alt]` attributes
* Links are not crawlable

Kolla Lighthouse hos web.dev

Följer webbplatsen praxis för felsidan 404?

---

Betyg: 1.50 av 5

* Fel statuskod. Fick 200 när 404 vore korrekt.
* Hittade ingen huvudrubrik (h1)
* 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?

Hur snabb är webbplatsen?

---

Betyg: 3.81 av 5

* Genomsnittlig hastighet.
* Speedindex: 1390
* Laddtid: 1.66s
* Antal förfrågningar: 144 st

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

Hastighetstest från Google.

---

Betyg: 3 av 5

* Genomsnittlig hastighet.
* Observerad hastighet: 1.497 sekunder
* Första meningsfulla visuella ändring: 7.506 sek
* Första meningsfulla visuella ändring på 3G: 7.4375 sek
* CPU vilar efter: 12.628 sek
* Webbplatsen är interaktiv: 15.515 sek
* Tid spenderad på hänvisningar: 0.0 sek
* Sidans totala vikt: 6651 kb

Kolla Lighthouse hos web.dev

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

---

Betyg: 1 av 5

* Väldigt dålig integritet!
* HTTPS som standard: är väldigt bra!
* HTTP Strict Transport Security (HSTS): är väldigt bra!
* Content Security Policy: är väldigt dåligt. (Vilket ger 1.00 färre poäng)
* Rapportering (CSP, Certificate Transparency, Network Error Logging): är väldigt bra!
* Referrer Policy: är väldigt dåligt. (Vilket ger 1.00 färre poäng)
* Subresource Integrity (SRI): är väldigt dåligt. (Vilket ger 1.00 färre poäng)
* HTTP-headers: För att aktivera dessa headers behöver du lägga till dem till din webbserverkonfiguration. Detta är normalt en enkel sak. Exakt hur du gör det beror på vilken server du använder. Denna sida [developer.mozilla.org] har konfigurationsexempel för Apache, Nginx och IIS.
* Kakor: är ok, men har 16 fel och 0 varning(ar). (Vilket ger 1.00 färre poäng)
* localStorage: localStorage används ej.
* Tredjepartsförfrågningar: 29 förfrågningar (29 säkra, 0 osäkra) till 12 unika värdar.
* Serverplats: Servern summerjam.de (2a01:4f8:120:1243::165) verkade vara belägen i Tyskland under vårt test.
Result generated: 2021-02-06 12:24:28 Etc/UTC (Cached for 24 hours)

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