Hur mycket koldioxid produceras genom en sidvisning?
Betyg: 1.45 av 5
- Webbsidan är riktigt dålig! Skapar massor av koldioxid för varje sidvisning :( - Koldioxid per sidvisning: 2.11 gram - Webbsidan är grönare än 28 % av testade webbplatser på webperf.se (Referens uppdaterad: 2021-12-12). - Nätverksstorlek: 3 mb ( 1.45 betyg )
Letar efter standardfiler som robots.txt, sitemaps och RSS-prenumerationer
Betyg: 1.88 av 5
- robots.txt antingen saknas, får inte lov att hämtas eller har inte förväntat innehåll. ( 1.00 betyg )
- Sitemap anges inte i robots.txt ( 1.00 betyg )
- RSS-prenumeration saknas i HTML-kodens metadata. ( 4.50 betyg )
- security.txt saknas. ( 1.00 betyg )
Webbstandard
- robots.txt antingen saknas, får inte lov att hämtas eller har inte förväntat innehåll. ( 1.00 betyg )
- Sitemap anges inte i robots.txt ( 1.00 betyg )
- security.txt saknas. ( 1.00 betyg )
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 )
- Anger inte ett giltigt `apple-touch-icon` ( 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 )
- Innehållet har rätt storlek för visningsområdet ( 5.00 betyg )
- Den testade sidan har 8 st fel i sin HTML-kod. Det är rätt ok ändå.
Webbstandard
- Antal (grupperade fel): 3 ( 4.40 betyg )
- Antal fel: 8 ( 4.20 betyg )
- Bad value “” for attribute X on element X: Browsing context name must be at least one character long. (totalt 4 st) - The X element is obsolete. Use CSS instead. (totalt 3 st) - A X element with an X attribute whose value is X must have a X attribute with the value X. (totalt 1 st)
- Total Blocking Time: 120 ms ( 4.85 betyg )
- Largest Contentful Paint: 5,4 s ( 1.00 betyg )
- Cumulative Layout Shift ( 5.00 betyg )
- First Contentful Paint: 4,4 s ( 1.00 betyg )
- Speed Index: 7,7 s ( 1.20 betyg )
- Time to Interactive: 6,3 s ( 3.00 betyg )
- Alla bildelement har inte `width` och `height` ( 1.00 betyg )
- First Contentful Paint (3G): 9028 ms ( 1.00 betyg )
- Koda bilder effektivt: Möjlig databesparing 797 Kibit ( 1.00 betyg )
- Minska serverns första svarstid ( 1.00 betyg )
- Registrerar en lyssnare för `unload` ( 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 )
- Ta bort resurser som blockerar renderingen: Möjlig tidsbesparing: 2 700 ms ( 1.35 betyg )
- Första meningsfulla skärmuppritningen: 4,7 s ( 1.75 betyg )
- Reducera JavaScript som inte används: Möjlig databesparing 183 Kibit ( 2.05 betyg )
- Använd bilder med rätt storlek: Möjlig databesparing 89 Kibit ( 3.35 betyg )
- Undvik enorm nätverksbelastning: Den sammanlagda storleken var 3 418 Kibit ( 3.45 betyg )
- Minska arbetsbelastningen på modertråden: 2,1 s ( 4.40 betyg )
- Högsta potentiella fördröjning till första inmatningen: 130 ms ( 4.45 betyg )
- Undviker ett onödigt stort DOM-träd: 744 element ( 4.65 betyg )
- Körningstid för JavaScript: 1,0 s ( 4.70 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 )
- 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 )
- 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 )
- `document.write()` undviks ( 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. - Länkarna är inte genomsökningsbara ( 1.00 betyg )
- Tryckmålen har inte lämplig storlek: 87 % av tryckmålen har lämplig storlek ( 3.85 betyg )
- Alla bildelement har `alt`-attribut ( 5.00 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 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 )
- 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). ( 1.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). ( 1.00 betyg )
- Information är under 150 tecken, vilket tyder på att användaren inte vägleds vidare. ( 5.00 betyg )
Kollar om webbplatsen följer god praxis för webbutveckling.
Betyg: 3.35 av 5
- Genomsnittlig efterlevnad till 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 )
- Visar bilder med felaktiga bildproportioner ( 1.00 betyg )
- Webbläsarfel loggades i konsolen ( 1.00 betyg )
- Användarna tillåts klistra in i lösenordsfält ( 5.00 betyg )
- Använder HTTPS ( 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 )
- 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
- 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 )
- Det finns inga fel i `Issues`-panelen i Chromes verktyg för programmerare ( 5.00 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.50 av 5
- Webbplatsen kan bli mer tillgänglig, men är ganska ok.
Tillgänglighet
- Alla `aria-hidden="e;true"e;` finns inte i dokumentet `< body>` ( 5.00 betyg )
- Alla bildelement har `alt`-attribut ( 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 )
- Kontrasten mellan bakgrundsfärg och förgrundsfärg är inte tillräckligt stor. ( 1.00 betyg )
- Vissa länkar har inte ett igenkännligt namn ( 1.00 betyg )
- Alla `< frame>`- eller `< iframe>`-element har en titel ( 5.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 )
- 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 )
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
Webperf
