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: 5 av 5
- Webbplatsen har inga uppenbara fel inom tillgänglighet! Bra, men gör manuella undersökningar för säkerhets skull!
Tillgänglighet
- 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 )
- 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 `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 )
- Alla listposter (`< li>`) har ett överordnat `< ul>`- eller `< ol>`-element ( 5.00 betyg )
- Alla länkar har igenkännliga namn ( 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 )
Letar efter standardfiler som robots.txt, sitemaps och RSS-prenumerationer
Betyg: 2 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 hittad. ( 5.00 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 )
- 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 )
Är webbplatsen bra på sökmotoroptimering/SEO? Att nå ut via sökmotorer, enligt Google Lighthouse.
Betyg: 3.85 av 5
- Genomsnittlig efterlevnad till SEO-praxis. - Dokumentet har ingen giltig länk med `rel=canonical` ( 1.00 betyg )
- Dokumentet har ingen metabeskrivning ( 1.00 betyg )
- Tryckmålen har inte lämplig storlek: 5 % av tryckmålen har lämplig storlek ( 1.00 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 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 )
- 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. ( 1.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. ( 1.00 betyg )
Tillgänglighet
- Hittade ingen sidtitel på sidan. ( 5.00 betyg )
- Hittade ingen huvudrubrik (h1) på sidan. ( 1.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 )
Hur mycket koldioxid produceras genom en sidvisning?
Betyg: 5 av 5
- Webbsidan genererar väldigt lite koldioxid! - Koldioxid per sidvisning: 0.11 gram - Webbsidan är grönare än 98 % av testade webbplatser på webperf.se (Referens uppdaterad: 2021-12-12). - Nätverksstorlek: 179 kb ( 5.00 betyg )
- Osäker: HTTPS används ej som standard: är dåligt. ( 1.00 betyg )
- Content Security Policy: är dåligt. ( 1.00 betyg )
- Rapportering (CSP, Certificate Transparency, Network Error Logging): är bra! ( 5.00 betyg )
- Referrer Policy: är dåligt. ( 1.00 betyg )
- Subresource Integrity (SRI): är dåligt. ( 1.00 betyg )
- HTTP-headers: är ok, men har 1 fel och 0 varning(ar). ( 4.50 betyg )
- Kakor: är ok, men har 4 fel och 0 varning(ar). ( 3.00 betyg )
Kollar om webbplatsen följer god praxis för webbutveckling.
Betyg: 3.35 av 5
- Genomsnittlig efterlevnad till god praxis. - Använder inte HTTPS ( 1.00 betyg )
- 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 )
- Webbläsarfel loggades i konsolen ( 1.00 betyg )
- Användarna tillåts klistra in i lösenordsfält ( 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 )
- 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ändarna tillåts klistra in i lösenordsfält ( 5.00 betyg )
- Använder inte HTTPS ( 1.00 betyg )
- Total Blocking Time ( 5.00 betyg )
- Largest Contentful Paint: 2,8 s ( 4.15 betyg )
- Cumulative Layout Shift ( 5.00 betyg )
- First Contentful Paint: 2,8 s ( 2.85 betyg )
- Speed Index: 2,8 s ( 4.80 betyg )
- Time to Interactive: 2,8 s ( 4.85 betyg )
- Alla bildelement har inte `width` och `height` ( 1.00 betyg )
- Se till att all text förblir synlig medan webbteckensnitten läses in ( 1.00 betyg )
- First Contentful Paint (3G): 5490 ms ( 1.50 betyg )
- Ta bort resurser som blockerar renderingen: Möjlig tidsbesparing: 1 650 ms ( 1.95 betyg )
- Första meningsfulla skärmuppritningen: 2,8 s ( 4.00 betyg )
- Undviker ett onödigt stort DOM-träd: 583 element ( 4.90 betyg )
- Aktivera textkomprimering ( 5.00 betyg )
- Använd bilder med rätt storlek ( 5.00 betyg )
- Använd videoformat för animationer ( 5.00 betyg )
- Använder en effektiv cachelagringspolicy för statiska tillgångar ( 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 )
- Högsta potentiella fördröjning till första inmatningen ( 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 )
- Minskar arbetsbelastningen på modertråden ( 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 )
- Reducera JavaScript som inte används ( 5.00 betyg )
- Serverns första svarstid var kort ( 5.00 betyg )
- Skicka bilder i modernare bildformat ( 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 enorm nätverksbelastning ( 5.00 betyg )
- Undviker händelselyssnare för `unload` ( 5.00 betyg )
- `document.write()` undviks ( 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