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! - Felen loggades i `Issues`-panelen i Chromes verktyg för programmerare ( 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 )
- 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
- Felen loggades i `Issues`-panelen i Chromes verktyg för programmerare ( 1.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 )
- Fel statuskod. Fick 404 när 404 vore korrekt. ( 5.00 betyg )
- Hittade ingen sidtitel på sidan. ( 1.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. ( 1.00 betyg )
- Hittade ingen huvudrubrik (h1) på sidan. ( 5.00 betyg )
Tillgänglighet
- Hittade ingen sidtitel på sidan. ( 1.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 )
- Total Blocking Time: 120 ms ( 4.85 betyg )
- Largest Contentful Paint: 9,3 s ( 1.00 betyg )
- Cumulative Layout Shift: 0,267 ( 2.30 betyg )
- First Contentful Paint: 4,2 s ( 1.00 betyg )
- Time to Interactive: 8,7 s ( 1.80 betyg )
- Speed Index: 4,9 s ( 3.25 betyg )
- Alla bildelement har inte `width` och `height` ( 1.00 betyg )
- First Contentful Paint (3G): 8066 ms ( 1.00 betyg )
- Se till att all text förblir synlig medan webbteckensnitten läses in ( 1.00 betyg )
- Skicka statiska tillgångar med en effektiv cachelagringspolicy: 31 resurser hittades ( 1.00 betyg )
- Skicka bilder i modernare bildformat: Möjlig databesparing 601 Kibit ( 1.10 betyg )
- Ta bort resurser som blockerar renderingen: Möjlig tidsbesparing: 3 130 ms ( 1.10 betyg )
- Reducera JavaScript som inte används: Möjlig databesparing 247 Kibit ( 2.20 betyg )
- Första meningsfulla skärmuppritningen: 4,2 s ( 2.30 betyg )
- Reducera CSS som inte används: Möjlig databesparing 101 Kibit ( 2.50 betyg )
- Undvik ett onödigt stort DOM-träd: 1 192 element ( 3.20 betyg )
- Minska arbetsbelastningen på modertråden: 3,2 s ( 3.25 betyg )
- Använd bilder med rätt storlek: Möjlig databesparing 71 Kibit ( 3.75 betyg )
- Undvik enorm nätverksbelastning: Den sammanlagda storleken var 3 000 Kibit ( 4.05 betyg )
- Högsta potentiella fördröjning till första inmatningen: 120 ms ( 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 )
- 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 )
- Serverns första svarstid var kort ( 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 )
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.45 av 5
- Webbplatsen kan bli mer tillgänglig, men är ganska ok.
Tillgänglighet
- Alla ARIA-id:n är unika ( 5.00 betyg )
- Alla `< video>`-element innehåller ett `< track>`-element med `kind="e;captions"e;` ( 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 element med `role`-attribut har alla obligatoriska attribut av typen `aria-*` ( 5.00 betyg )
- Alla knappar har namn som hjälpmedlen kan använda ( 5.00 betyg )
- Attributen av typen `aria-*` stämmer med elementets roll ( 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 `id`-attribut för aktiva fokuserbara element är inte unika ( 1.00 betyg )
- Kontrasten mellan bakgrundsfärg och förgrundsfärg är inte tillräckligt stor. ( 1.00 betyg )
- Vissa `< frame>`- eller `< iframe>`-element saknar titel ( 1.00 betyg )
- Vissa listposter (`< li>`) saknar ett överordnat `< ul>`- eller `< ol>`-element. ( 1.00 betyg )
- Vissa länkar har inte ett igenkännligt namn ( 1.00 betyg )
- Alla `aria-hidden="e;true"e;`-element har inte fokuserbara underordnade element ( 5.00 betyg )
- Alla listor innehåller enbart `< li>`-element eller stödelement för skript (`< script>` och `< template>`). ( 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 )
- 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 )
- `accesskey` värden är unika ( 5.00 betyg )
- Rubrikelementen visas i följd i fallande ordning ( 5.00 betyg )
Är webbplatsen bra på sökmotoroptimering/SEO? Att nå ut via sökmotorer, enligt Google Lighthouse.
Betyg: 3.75 av 5
- Genomsnittlig efterlevnad till SEO-praxis. - Länkar har inte beskrivande text ( 1.00 betyg )
- Länkarna är inte genomsökningsbara ( 1.00 betyg )
- robots.txt är inte giltig ( 1.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 )
- 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 )
- Den testade sidan har 27 st fel i sin HTML-kod. Det är inte så bra.
Webbstandard
- Antal (grupperade fel): 7 ( 3.60 betyg )
- Antal fel: 27 ( 2.30 betyg )
- An X element must have an X attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. (totalt 8 st) - Attribute X not allowed on element X at this point. (totalt 7 st) - An element with the attribute X must not appear as a descendant of the X element. (totalt 6 st) - The X attribute on the X element is obsolete. Use CSS instead. (totalt 3 st) - Bad value X for attribute X on element X. (totalt 1 st) - Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (totalt 1 st) - Attribute X not allowed here. (totalt 1 st)
Följer webbplatsen praxis för progressiva webbappar? Obs! Betygsätts inte.
- Webbplatsen har lite förbättringspotential för en progressiv webbapp. - 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 )
- Konfigurerad för en anpassad välkomstskärm ( 5.00 betyg )
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.
I veckan meddelade den österrikiska motsvarigheten till Integritetsskyddsmyndigheten att den riskbaserade metoden till överföring av personuppgifter inte funkar.
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