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: 3.47 gram - Webbsidan är grönare än 15 % av testade webbplatser på webperf.se (Referens uppdaterad: 2021-12-12). - Nätverksstorlek: 5 mb ( 0.75 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! - Begär åtkomst till geografisk plats vid sidinlä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 )
- 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 )
- Undviker att begära aviseringsbehörighet 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
- Användarna tillåts klistra in i lösenordsfält ( 5.00 betyg )
- Använder HTTPS ( 5.00 betyg )
- 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 )
- 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 )
Är webbplatsen bra på sökmotoroptimering/SEO? Att nå ut via sökmotorer, enligt Google Lighthouse.
Betyg: 4.25 av 5
- Webbplatsen kan ändå förbättras inom SEO. - Alla bildelement har inte `alt`-attribut ( 1.00 betyg )
- Dokumentet har ingen metabeskrivning ( 1.00 betyg )
- Dokumentet har ett `< title>`-element ( 5.00 betyg )
- Dokumentet har ett giltigt `hreflang`-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 )
- Tryckmål har lämplig storlek ( 5.00 betyg )
- robots.txt är giltig ( 5.00 betyg )
- `< 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: 6 ( 3.80 betyg )
- `< link rel="e;stylesheet"e;>`, antal fel: 22 ( 2.80 betyg )
TEXT_REVIEW_ERRORS_GROUPED - X: Too many values or values are not recognized. (totalt 6 st) - X: X is not a X value. (totalt 6 st) - X: Property X doesn't exist. (totalt 6 st) - X: The first argument to the X function should be X, not X. (totalt 2 st) - Deprecated media feature X. For guidance, see the Deprecated Media Features section in the current Media Queries specification. (totalt 1 st) - Unrecognized at-rule X (totalt 1 st)
- Total Blocking Time: 390 ms ( 3.45 betyg )
- Largest Contentful Paint ( 1.00 betyg )
- Cumulative Layout Shift ( 5.00 betyg )
- Speed Index: 9,8 s ( 1.00 betyg )
- Time to Interactive: 7,9 s ( 2.15 betyg )
- First Contentful Paint: 2,5 s ( 3.35 betyg )
- Alla bildelement har inte `width` och `height` ( 1.00 betyg )
- Använd bilder med rätt storlek ( 1.00 betyg )
- Minska serverns första svarstid ( 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: 19 resurser hittades ( 1.00 betyg )
- Undvik enorm nätverksbelastning: Den sammanlagda storleken var 5 523 Kibit ( 1.00 betyg )
- Undvik ett onödigt stort DOM-träd: 2 317 element ( 1.00 betyg )
- First Contentful Paint (3G): 4890 ms ( 2.05 betyg )
- Reducera JavaScript som inte används: Möjlig databesparing 263 Kibit ( 2.10 betyg )
- Ta bort resurser som blockerar renderingen: Möjlig tidsbesparing: 1 430 ms ( 2.10 betyg )
- Reducera CSS som inte används: Möjlig databesparing 68 Kibit ( 3.75 betyg )
- Minska arbetsbelastningen på modertråden: 2,5 s ( 4.05 betyg )
- Högsta potentiella fördröjning till första inmatningen: 140 ms ( 4.30 betyg )
- Första meningsfulla skärmuppritningen: 2,5 s ( 4.35 betyg )
- Körningstid för JavaScript: 1,2 s ( 4.55 betyg )
- Aktivera textkomprimering ( 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 )
- 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 )
- Koda bilder effektivt ( 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 )
- Passiva lyssnare används för att förbättra rullningsprestanda ( 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 )
- Undviker händelselyssnare för `unload` ( 5.00 betyg )
- `document.write()` undviks ( 5.00 betyg )
- Den testade sidan har 10 st fel i sin HTML-kod. Det är rätt ok ändå.
Webbstandard
- Antal (grupperade fel): 4 ( 4.20 betyg )
- Antal fel: 10 ( 4.00 betyg )
- Attribute X not allowed on element X at this point. (totalt 7 st) - Duplicate ID 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) - Duplicate attribute X. (totalt 1 st)
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.05 av 5
- Webbplatsen kan bli mer tillgänglig, men är ganska ok.
Tillgänglighet
- Alla bildelement har inte `alt`-attribut ( 1.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 element med `role`-attribut har alla obligatoriska attribut av typen `aria-*` ( 5.00 betyg )
- Alla formulärelement har etiketter ( 5.00 betyg )
- Alla knappar har namn som hjälpmedlen kan använda ( 5.00 betyg )
- `user-scalable="e;no"e;` används inte i elementet `< meta name="e;viewport"e;>` och attributet `maximum-scale` är inte mindre än 5. ( 5.00 betyg )
- Alla `aria-hidden="e;true"e;`-element innehåller fokuserbara underordnade element ( 1.00 betyg )
- Alla `id`-attribut för aktiva fokuserbara element är inte unika ( 1.00 betyg )
- Vissa länkar har inte ett igenkännligt namn ( 1.00 betyg )
- Alla listor innehåller enbart `< li>`-element eller stödelement för skript (`< script>` och `< template>`). ( 5.00 betyg )
- Alla listposter (`< li>`) har ett överordnat `< ul>`- eller `< ol>`-element ( 5.00 betyg )
- Dokumentet har ett `< title>`-element ( 5.00 betyg )
- Kontrasten mellan bakgrundsfärg och förgrundsfärg är tillräckligt stor ( 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 )
Följer webbplatsen praxis för progressiva webbappar? Obs! Betygsätts inte.
- Genomsnittlig efterlevnad till praxis för progressiva webbappar. - 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 )
- Webbappens manifest och tjänstefunktion uppfyller kraven för installation ( 5.00 betyg )
- Anger en giltig `apple-touch-icon` ( 5.00 betyg )
- Anger ett färgtema för adressfältet. ( 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