Hur mycket koldioxid produceras genom en sidvisning?
Betyg: 1 av 5
- Webbsidan är riktigt dålig! Skapar massor av koldioxid för varje sidvisning :( - Koldioxid per sidvisning: 5.2 gram - Webbsidan är grönare än 7 % av testade webbplatser på webperf.se (Referens uppdaterad: 2021-12-12). - Nätverksstorlek: 8 mb ( 0.35 betyg )
Kontrollerar med Google Lighthouse API om webbplatsen är utformad på ett tillgängligt sätt för funktionsvarierade användare. Mäter med en mobilanvändares preferenser.
Betyg: 4.35 av 5
- Webbplatsen kan bli mer tillgänglig, men är ganska ok.
Tillgänglighet
- `user-scalable="e;no"e;` används i elementet `< meta name="e;viewport"e;>`, eller också är värdet på attributet `maximum-scale` mindre än 5. ( 1.00 betyg )
- Alla ARIA-id:n är unika ( 5.00 betyg )
- Alla `aria-hidden="e;true"e;` finns inte i dokumentet `< body>` ( 5.00 betyg )
- Alla `role`-värden är giltiga ( 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 )
- Alla bildelement har `alt`-attribut ( 5.00 betyg )
- Alla element med `role`-attribut har alla obligatoriska attribut av typen `aria-*` ( 5.00 betyg )
- Attributen av typen `aria-*` stämmer med elementets roll ( 5.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 )
- Alla `aria-hidden="e;true"e;`-element har inte fokuserbara underordnade element ( 5.00 betyg )
- Alla listposter (`< li>`) har ett överordnat `< ul>`- eller `< ol>`-element ( 5.00 betyg )
- Alla länkar har igenkännliga namn ( 5.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 )
- Namnen för `button`-, `link`- och `menuitem`-elementen är igenkännliga ( 5.00 betyg )
- Sidan har en rubrik, en överhoppningslänk eller ett landmärkesområde ( 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 )
Kollar om webbplatsen följer god praxis för webbutveckling.
Betyg: 4.15 av 5
- Webbplatsen kan ändå förbättra sig lite inom god praxis! - Bilder visas med låg upplösning ( 1.00 betyg )
- Innehåller JavaScript-bibliotek på klientsidan med kända säkerhetsbrister ( 1.00 betyg )
- Användarna tillåts klistra in i lösenordsfält ( 5.00 betyg )
- Använder HTTPS ( 5.00 betyg )
- Bilder visas med korrekta bildproportioner ( 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 )
- 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 )
- 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
- Det finns inga fel i `Issues`-panelen i Chromes verktyg för programmerare ( 5.00 betyg )
- Innehåller JavaScript-bibliotek på klientsidan med kända säkerhetsbrister ( 1.00 betyg )
- Använder HTTPS ( 5.00 betyg )
- Användarna tillåts klistra in i lösenordsfält ( 5.00 betyg )
Är webbplatsen bra på sökmotoroptimering/SEO? Att nå ut via sökmotorer, enligt Google Lighthouse.
Betyg: 4.55 av 5
- Webbplatsen kan ändå förbättras inom SEO. - Dokumentet har ingen metabeskrivning ( 1.00 betyg )
- Tryckmålen har inte lämplig storlek: 86 % av tryckmålen har lämplig storlek ( 3.85 betyg )
- Alla bildelement har `alt`-attribut ( 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="e;viewport"e;>`-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 )
- Fel statuskod. Fick 404 när 404 vore 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). ( 5.00 betyg )
- Information är under 150 tecken, vilket tyder på att användaren inte vägleds vidare. ( 5.00 betyg )
Webbstandard
- Fel statuskod. Fick 404 när 404 vore 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). ( 5.00 betyg )
- Information är under 150 tecken, vilket tyder på att användaren inte vägleds vidare. ( 5.00 betyg )
- Total Blocking Time: 170 ms ( 4.65 betyg )
- Largest Contentful Paint: 5,4 s ( 1.00 betyg )
- Cumulative Layout Shift ( 5.00 betyg )
- Speed Index: 13,0 s ( 1.00 betyg )
- Time to Interactive ( 1.00 betyg )
- First Contentful Paint: 4,1 s ( 1.05 betyg )
- Alla bildelement har inte `width` och `height` ( 1.00 betyg )
- Använd bilder med rätt storlek ( 1.00 betyg )
- First Contentful Paint (3G): 8383.5 ms ( 1.00 betyg )
- Koda bilder effektivt ( 1.00 betyg )
- Minska serverns första svarstid ( 1.00 betyg )
- Passiva lyssnare används inte för att förbättra rullningsprestanda ( 1.00 betyg )
- Se till att all text förblir synlig medan webbteckensnitten läses in ( 1.00 betyg )
- Skicka bilder i modernare bildformat ( 1.00 betyg )
- Skicka statiska tillgångar med en effektiv cachelagringspolicy ( 1.00 betyg )
- Skjut upp inläsningen av bilder som inte visas på skärmen ( 1.00 betyg )
- Undvik enorm nätverksbelastning ( 1.00 betyg )
- Ta bort resurser som blockerar renderingen: Möjlig tidsbesparing: 2 810 ms ( 1.30 betyg )
- Aktivera textkomprimering: Möjlig databesparing 380 Kibit ( 1.60 betyg )
- Första meningsfulla skärmuppritningen: 4,2 s ( 2.25 betyg )
- Reducera CSS som inte används: Möjlig databesparing 115 Kibit ( 2.40 betyg )
- Reducera JavaScript som inte används: Möjlig databesparing 227 Kibit ( 2.90 betyg )
- Undvik ett onödigt stort DOM-träd: 1 064 element ( 3.70 betyg )
- Minska arbetsbelastningen på modertråden: 2,5 s ( 4.00 betyg )
- Minifiera CSS: Möjlig databesparing 19 Kibit ( 4.40 betyg )
- Minifiera JavaScript: Möjlig databesparing 78 Kibit ( 4.40 betyg )
- Högsta potentiella fördröjning till första inmatningen: 130 ms ( 4.50 betyg )
- Körningstid för JavaScript: 1,0 s ( 4.75 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 )
- Föranslut till obligatoriska källor ( 5.00 betyg )
- Har en `< meta name="e;viewport"e;>`-tagg med `width` eller `initial-scale` ( 5.00 betyg )
- Läs in bilden i förväg för största uppritningen av innehåll ( 5.00 betyg )
- Minimera användning av tredjepartskod ( 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 )
- Undviker händelselyssnare för `unload` ( 5.00 betyg )
- `document.write()` undviks ( 5.00 betyg )
Molntjänster utanför EU? Används fingerprint-teknik eller annat som äventyrar användarens integritet?
Betyg: 4.04 av 5
Integritet & säkerhet
- Kakor ( 5.00 betyg )
- Dataskyddsförordningen och Schrems II-domen ( 1.00 betyg )
- Antal olika länder: 4
- Länder utan adekvat nivå av dataskydd: 1
- US, 16 förfrågningar
- Sidan skickades från Sverige: Ja
- Spårning ( 4.57 betyg )
- #1: Webbsida - Spårning hittad, tillåtet att ha 2 st ( 5.00 betyg )
- #12: buttons.js - Spårning hittad, tillåtet att ha 2 st ( 5.00 betyg )
- #57: async-buttons.j - Spårning hittad ( 1.00 betyg )
- #58: pview - Spårning hittad ( 1.00 betyg )
- #70: buttons-secure. - Spårning hittad ( 1.00 betyg )
- Fler än 5 Spårningsförfrågningar hittad, döljer resten ( 1.00 betyg )
- Hittade totalt 11 spårningsförfrågningar. - Besökaranalys används:
- #1: Webbsida - Har referens till Google Analytics
- #79: st.a4ad98d3d01d - Har referens till Google Analytics
- Identifieringstekniker ( 5.00 betyg )
- Annonsörer ( 4.61 betyg )
- #12: buttons.js - Annonsörsförfrågning hittad, tillåtet att ha 2 st ( 5.00 betyg )
- #57: async-buttons.j - Annonsörsförfrågning hittad, tillåtet att ha 2 st ( 5.00 betyg )
- #58: pview - Annonsörsförfrågning hittad ( 1.00 betyg )
- #70: buttons-secure. - Annonsörsförfrågning hittad ( 1.00 betyg )
- #71: pview - Annonsörsförfrågning hittad ( 1.00 betyg )
- Fler än 5 annonsörsförfrågningar hittade, döljer resten ( 1.00 betyg )
- Hittade totalt 10 annonsörsförfrågningar.
Validerar CSS
2022-08-03
Kontrollerar CSS-koden mot W3C.
Betyg: 4.88 av 5
- CSS är bra.
Webbstandard
- `< style>`, antal grupperade fel: 0 ( 5.00 betyg )
- `< style>`, antal fel: 0 ( 5.00 betyg )
- `style="e;"e;`, antal grupperade fel: 0 ( 5.00 betyg )
- `style="e;"e;`, antal fel: 0 ( 5.00 betyg )
- `< link rel="e;stylesheet"e;>`, antal grupperade fel: 2 ( 4.60 betyg )
- `< link rel="e;stylesheet"e;>`, antal fel: 3 ( 4.70 betyg )
TEXT_REVIEW_ERRORS_GROUPED - X: X is not a X value. (totalt 2 st) - X: The first argument to the X function should be X, not X. (totalt 1 st)
- Den testade sidan har 41 st fel i sin HTML-kod. Det är inte så bra.
Webbstandard
- Antal (grupperade fel): 4 ( 4.20 betyg )
- Antal fel: 41 ( 1.00 betyg )
- Attribute X not allowed on element X at this point. (totalt 32 st) - Bad value X for attribute X on element X. (totalt 5 st) - No X element in scope but a X end tag seen. (totalt 3 st) - Duplicate attribute X. (totalt 1 st)
Följer webbplatsen praxis för progressiva webbappar? Obs! Betygsätts inte.
- 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="e;viewport"e;>`-tagg med `width` eller `initial-scale` ( 5.00 betyg )
- Anger en giltig `apple-touch-icon` ( 5.00 betyg )
- Innehållet har rätt storlek för visningsområdet ( 5.00 betyg )
I de tidigare delrapporterna om molntjänster för uppläsning och kundtjänst har majoriteten av kommuner och regioner visat sig ha med en problematisk tredjepart. Men hur ser det ut om man kollar in samtligas tredjeparter? Det är vad denna bloggpost redovisar.
En något mindre aktör har dykt upp under mina stickprov av offentlig sektor utifrån GDPR. Det svenska företaget Kundo som har en kundtjänstlösning för implementation på webbplatser.
Ett av sommarens fynd i årets GDPR-motionerande av offentlig sektor är de två vanligaste tjänsterna för att få webbsidor upplästa. Båda tjänsterna drar åtminstone ibland nytta av USA-baserade IT-företags molntjänster som underleverantörer.
Om en månad har det gått två år sedan Schrems 2-domen avgjordes i EU-domstolen. Det är också drygt fyra år sedan GDPR blev svensk lag. Men det tycks vara svårt att sluta använda Google Analytics.
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