Hur mycket koldioxid produceras genom en sidvisning och hur mycket energi går åt jämfört med andra webbplatser på Webperf?
Betyg: 1 av 5
- Webbsidan är riktigt dålig! Skapar massor av koldioxid för varje sidvisning :( - Koldioxid per sidvisning: 3.44 gram - Webbsidan är grönare än 14 % av testade webbplatser på webperf.se (Referens uppdaterad: 2022-12-16). - Webbsidan är grönare än 15 % av testade webbplatser på webperf.se (Referens uppdaterad: 2021-12-12). - Nätverksstorlek: 5 mb ( 1.00 betyg )
Tillgänglighetstest genom Google Lighthouse om webbplatsen är utformad på ett tillgängligt sätt för funktionsvarierade användare. Mäter med en mobilanvändares preferenser.
Betyg: 3.10 av 5
- Genomsnittlig tillgänglighet men och bli bättre gentemot automatiska tester.
Tillgänglighet
- Alla bildelement har inte `alt`-attribut ( 1.00 betyg )
- Vissa formulärelement har inte etiketter ( 1.00 betyg )
- Vissa knappar har inte namn som hjälpmedlen kan använda ( 1.00 betyg )
- Alla ARIA-id:n är unika ( 5.00 betyg )
- Alla `aria-hidden="true"` finns inte i dokumentet `< body>` ( 5.00 betyg )
- Alla attribut av typen `aria-*` har giltiga värden ( 5.00 betyg )
- Alla attribut av typen `aria-*` är giltiga och rättstavade ( 5.00 betyg )
- Attributen av typen `aria-*` stämmer med elementets roll ( 5.00 betyg )
- `user-scalable="no"` används inte i elementet `< meta name="viewport">` och attributet `maximum-scale` är inte mindre än 5. ( 5.00 betyg )
- Alla `aria-hidden="true"`-element innehåller fokuserbara underordnade element ( 1.00 betyg )
- Kontrasten mellan bakgrundsfärg och förgrundsfärg är inte tillräckligt stor. ( 1.00 betyg )
- Listor innehåller inte enbart `< li>`-element och stödelement för skript (`< script>` och `< template>`). ( 1.00 betyg )
- Vissa listposter (`< li>`) saknar ett överordnat `< ul>`-, `< ol>`- eller `< menu>`-element. ( 1.00 betyg )
- Vissa länkar har inte ett igenkännligt namn ( 1.00 betyg )
- Det finns inga element med ett `tabindex`-värde som är större än 0 ( 5.00 betyg )
- Dokumentet har ett `< title>`-element ( 5.00 betyg )
- `< html>`-elementet har ett `lang`-attribut ( 5.00 betyg )
- `< html>`-elementets `lang`-attribut har ett giltigt värde ( 5.00 betyg )
- Rubrikelementen visas i följd i fallande ordning ( 5.00 betyg )
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: 2.56 av 5
Webbstandard
MX DNS IPv4-post hittades ( 5.00 betyg )
MX DNS IPv6-post hittades inte ( 1.00 betyg )
MTA-STS DNS-post hittades inte ( 1.00 betyg )
MTA-STS TXT hittades inte ( 1.00 betyg )
SPF DNS-post hittades ( 5.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 )
SPF DNS-post använder mjukt misslyckande ( 5.00 betyg )
Integritet & säkerhet
MX DNS IPv4-post saknar redundans ( 1.00 betyg )
MX DNS-servrar i GDPR-säkert land: SE ( 5.00 betyg )
MTA-STS DNS-post hittades inte ( 1.00 betyg )
MTA-STS TXT hittades inte ( 1.00 betyg )
SPF DNS-post hittades ( 5.00 betyg )
SPF DNS-post använder mjukt misslyckande ( 2.00 betyg )
Följer webbplatsen praxis för progressiva webbappar? Obs! Detta test ingår inte i betygen.
- Webbplatsen är ganska dålig som progressiv webbapp. - Webbappens manifest eller tjänstefunktion uppfyller inte kraven för installation ( 1.00 betyg )
- Anger inte ett färgtema för adressfältet. ( 1.00 betyg )
- Har inte konfigurerats för en anpassad välkomstskärm ( 1.00 betyg )
- Manifestet har ingen maskerbar ikon ( 1.00 betyg )
- Registrerar inte en tjänstefunktion som styr sidan och `start_url` ( 1.00 betyg )
- Har en `< meta name="viewport">`-tagg med `width` eller `initial-scale` ( 5.00 betyg )
- Innehållet har rätt storlek för visningsområdet ( 5.00 betyg )
Tillgänglighetstest av webbplatsen för att kolla upp följsamhet till tillgänglighetsriktlinjerna 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: 1.70 av 5
Tillgänglighet
- Antal grupperade fel: 13 ( 2.40 betyg )
- Antal fel: 232 ( 1.00 betyg )
##### Problem: - Img element missing an alt attribute. Use the alt attribute to specify a short text alternative. - A button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined. - A searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined. - 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. - 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.85:1. Recommendation: change text colour to #767676. - 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 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 fileinput 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 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.96:1. Recommendation: change background to #498509. - Info: För många unika problem för att lista alla.
Alpha-versionen av vårt mjukvaratest. Kontrollerar om det finns utdaterade versioner av mjukvara eller ramverk. Det vill säga potentiella säkerhetsrisker.
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: 3 av 5
Integritet & säkerhet
- Dataskyddsförordningen och Schrems II-domen ( 1.00 betyg )
- Antal olika länder: 3
- Länder utan adekvat nivå av dataskydd: 1
- US, 15 förfrågningar
- Sidan skickades från Sverige: Ja
- Spårning ( 5.00 betyg )
- #1: Webbsida - Spårning hittad, tillåtet att ha 2 st ( 5.00 betyg )
- #136: gtm.js - Spårning hittad, tillåtet att ha 2 st ( 5.00 betyg )
- Besökaranalys används:
- #1: Webbsida - Har referens till Google Tag Manager
- #136: gtm.js - Har referens till Google Tag Manager
- Identifieringstekniker ( 1.00 betyg )
- #142: sdk.js - Identifieringstekniker hittade. ( 1.00 betyg )
- #145: sdk.js - Identifieringstekniker hittade. ( 1.00 betyg )
- Annonsörer ( 5.00 betyg )
- #136: gtm.js - Annonsörsförfrågan hittad, tillåtet att ha 2 st ( 5.00 betyg )
Följs praxis enligt Google Lighthouse
2023-09-03
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! - Använder HTTPS ( 5.00 betyg )
- Bilder visas med korrekt bildformat ( 5.00 betyg )
- Bilder visas med lämplig upplösning ( 5.00 betyg )
- Definierar teckenuppsättning korrekt ( 5.00 betyg )
- Det finns inga fel i `Issues`-panelen i Chromes verktyg för programmerare ( 5.00 betyg )
- Inga webbläsarfel loggades i konsolen ( 5.00 betyg )
- Sidan har HTML som doctype ( 5.00 betyg )
- Tillåter att användare klistrar in i inmatningsfält ( 5.00 betyg )
- Undviker att begära aviseringsbehörighet vid sidinläsning ( 5.00 betyg )
- Undviker att begära åtkomst till geografisk plats vid sidinläsning ( 5.00 betyg )
- Undviker händelselyssnare för `unload` ( 5.00 betyg )
- Utfasade API:er undviks ( 5.00 betyg )
- Sidan har giltiga källkartor ( 5.00 betyg )
Webbstandard
- Utfasade API:er undviks ( 5.00 betyg )
Integritet & säkerhet
- Använder HTTPS ( 5.00 betyg )
- Det finns inga fel i `Issues`-panelen i Chromes verktyg för programmerare ( 5.00 betyg )
- Tillåter att användare klistrar in i inmatningsfält ( 5.00 betyg )
Kontrollerar HTML-koden mot W3C för att se om den har rätt syntax och följer webbstandard.
Betyg: 4.15 av 5
- Den testade sidan har 7 st fel i sin HTML-kod. Det är rätt ok ändå.
Webbstandard
- Antal (grupperade fel): 5 ( 4.00 betyg )
- Antal fel: 7 ( 4.30 betyg )
- Attribute X not allowed on element X at this point. (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) - Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (totalt 1 st) - CSS: X: Parse Error. (totalt 1 st) - Stray end tag X. (totalt 1 st)
Är webbplatsen bra på sökmotoroptimering/SEO? Alltså att nå ut via sökmotorer, enligt Google Lighthouse kriterier.
Betyg: 4.55 av 5
- Webbsidan kan ändå förbättras inom SEO. - Alla bildelement har inte `alt`-attribut ( 1.00 betyg )
- Tryckmålen har inte lämplig storlek: 86 % av tryckmålen har lämplig storlek ( 3.85 betyg )
- Dokumentet har en metabeskrivning ( 5.00 betyg )
- Dokumentet har ett `< title>`-element ( 5.00 betyg )
- Dokumentet har ett giltigt `hreflang`-värde ( 5.00 betyg )
- Dokumentet har ett giltigt `rel=canonical`-värde ( 5.00 betyg )
- Dokumentet har läsliga teckenstorlekar ( 5.00 betyg )
- Dokumentet undviker plugin-program ( 5.00 betyg )
- Har en `< meta name="viewport">`-tagg med `width` eller `initial-scale` ( 5.00 betyg )
- Länkar har beskrivande text ( 5.00 betyg )
- Länkarna är genomsökningsbara ( 5.00 betyg )
- Sidan har en giltig HTTP-statuskod ( 5.00 betyg )
- Sidan är inte blockerad från indexering ( 5.00 betyg )
- robots.txt är giltig ( 5.00 betyg )
- Korrekt statuskod? Fick 404 och 404 är korrekt. ( 5.00 betyg )
- Hittade ingen sidtitel på sidan. ( 5.00 betyg )
- Hittade ingen huvudrubrik (h1) på sidan. ( 5.00 betyg )
- Verkar sakna text som beskriver att ett fel uppstått (på svenska, eller engelska för engelskspråkig webbplats). ( 5.00 betyg )
- Information är under 150 tecken, vilket tyder på att användaren inte får tillräckligt med information för att vägledas vidare. ( 5.00 betyg )
Webbstandard
- Korrekt statuskod? Fick 404 och 404 är korrekt. ( 5.00 betyg )
- Hittade ingen sidtitel på sidan. ( 5.00 betyg )
- Hittade ingen huvudrubrik (h1) på sidan. ( 5.00 betyg )
Tillgänglighet
- Hittade ingen sidtitel på sidan. ( 5.00 betyg )
- Hittade ingen huvudrubrik (h1) på sidan. ( 5.00 betyg )
- Verkar sakna text som beskriver att ett fel uppstått (på svenska, eller engelska för engelskspråkig webbplats). ( 5.00 betyg )
- Information är under 150 tecken, vilket tyder på att användaren inte får tillräckligt med information för att vägledas vidare. ( 5.00 betyg )
- Total Blocking Time: 170 ms ( 4.65 betyg )
- Largest Contentful Paint: 7,2 s ( 1.00 betyg )
- Cumulative Layout Shift: 0,19 ( 3.20 betyg )
- Speed Index: 4,3 s ( 3.75 betyg )
- First Contentful Paint: 1,9 s ( 4.35 betyg )
- Alla bildelement har inte `width` och `height` ( 1.00 betyg )
- Använd bilder med rätt storlek: Möjlig databesparing 1 027 Kibit ( 1.00 betyg )
- Minska serverns första svarstid ( 1.00 betyg )
- Passiva lyssnare används inte för att förbättra scrollningsprestanda ( 1.00 betyg )
- Se till att all text förblir synlig medan webbteckensnitten läses in ( 1.00 betyg )
- Sidan förhindrade återställning av vilocacheminnet ( 1.00 betyg )
- Skicka bilder i modernare bildformat ( 1.00 betyg )
- Undvik `document.write()` ( 1.00 betyg )
- Undvik enorm nätverksbelastning: Den sammanlagda storleken var 5 447 Kibit ( 1.00 betyg )
- Undvik ett onödigt stort DOM-träd: 2 940 element ( 1.00 betyg )
- Reducera JavaScript som inte används: Möjlig databesparing 160 Kibit ( 2.25 betyg )
- Skicka statiska tillgångar med en effektiv cachelagringspolicy: 8 resurser hittades ( 2.35 betyg )
- Ta bort resurser som blockerar renderingen: Möjlig tidsbesparing: 730 ms ( 2.55 betyg )
- Time to Interactive: 6,6 s ( 2.90 betyg )
- Högsta potentiella fördröjning till första inmatningen: 200 ms ( 3.25 betyg )
- Föranslut till obligatoriska källor: Möjlig tidsbesparing: 340 ms ( 3.65 betyg )
- Första meningsfulla skärmuppritningen: 3,1 s ( 3.65 betyg )
- Minskar arbetsbelastningen på modertråden: 1,6 s ( 4.75 betyg )
- Aktivera textkomprimering ( 5.00 betyg )
- Använd HTTP/2 ( 5.00 betyg )
- Använd videoformat för animationer ( 5.00 betyg )
- Bildinläsningen var inte uppskjuten vid största uppritningen av innehåll ( 5.00 betyg )
- Har en `< meta name="viewport">`-tagg med `width` eller `initial-scale` ( 5.00 betyg )
- Koda bilder effektivt ( 5.00 betyg )
- Körningstid för JavaScript ( 5.00 betyg )
- Läs in bilden i förväg för största uppritningen av innehåll ( 5.00 betyg )
- Minifiera CSS ( 5.00 betyg )
- Minifiera JavaScript ( 5.00 betyg )
- Minimera användning av tredjepartskod ( 5.00 betyg )
- Reducera CSS som inte används ( 5.00 betyg )
- Skjut upp inläsningen av bilder som inte visas på skärmen ( 5.00 betyg )
- Ta bort dubblettmoduler i JavaScript-paket ( 5.00 betyg )
- Undvik att skicka äldre JavaScript till moderna webbläsare ( 5.00 betyg )
- Undvik upprepade omdirigeringar ( 5.00 betyg )
Försäkringskassan har nyligen tagit fram en matris som förklarar olika varianter av tillgänglighetsbehov – med inspiration från både Microsoft Inclusive Design Toolkit och Arbetsförmedlingen. Bra grejer som kan göra nytta hos fler organisationer!
I ett försök till god transparens följer här tidpunkter och insatser som påverkar bedömningar och betyg på Webperf. Listan uppdateras allt eftersom förändringar sker.
Nyhetsbrevet Webperf #40 – skickat 13:e september. EU:s adekvansbeslut nu hos EU-domstolen men inte på grund av Schrems, ny praxis för cookies och vem var egentligen bäst på webben i september?
Att det skulle komma ett nytt adekvansbeslut från EU-kommissionen var väntat. Även av samarbetsgruppen eSam. Men hur tänker de nu när Data Privacy Framework finns?
Kontinuerligt uppdaterad statistik om hur de tusentals webbplatser Webperf.se följer är uppbyggda. Vilket CMS och webbanalys de använder, hur tillgängliga de är, samt deras dataskydd.
Nyhetsbrevet skickas en gång i månaden. Innehållet är intressanta nyheter inom webbutveckling och tips för att bygga bra webbplatser. Prenumerera på Webperfs nyhetsbrev