Kontrollerar CSS-koden mot W3C för att se om den har rätt syntax och följer webbstandard.
Betyg: 4.69 av 5
- CSS är bra.
Webbstandard
- `< link rel="stylesheet">` in: #1: Webbsida , antal grupperade fel: 3 ( 4.40 betyg )
- `< link rel="stylesheet">` in: #1: Webbsida , antal fel: 7 ( 4.30 betyg )
- CSS: X: Property X doesn't exist. (totalt 4 st) - CSS: X: X is not a X value. (totalt 2 st) - CSS: The @charset rule may only occur at the start of the style sheet. Please check that there are no spaces before it. (totalt 1 st) - `content-type=".*css.*"` in: #23: m-el-main-css, antal grupperade fel: 2 ( 4.60 betyg )
- `content-type=".*css.*"` in: #23: m-el-main-css, antal fel: 8 ( 4.20 betyg )
- CSS: X: The first argument to the X function should be X, not X. (totalt 7 st) - CSS: X: X is not a X value. (totalt 1 st) - `< style>`, antal grupperade fel: 0 ( 5.00 betyg )
- `< style>`, antal fel: 0 ( 5.00 betyg )
- `style=""`, antal grupperade fel: 0 ( 5.00 betyg )
- `style=""`, antal fel: 0 ( 5.00 betyg )
Beta-version av e-postkollen. Utvärderar inställningar som SPF, DNS, MX och mycket mer. Obs! Detta test ingår inte i totalbetyget, däremot i delbetyget Integritet & säkerhet.
Betyg: 3.23 av 5
Webbstandard
MX DNS IPv4-post hittades ( 5.00 betyg )
MX DNS IPv6-post hittades inte ( 1.00 betyg )
MTA-STS DNS-post hittades inte ( 1.00 betyg )
MTA-STS TXT hittades inte ( 1.00 betyg )
SPF DNS-post hittades ( 5.00 betyg )
SPF DNS-post använder två mellanslag istället för ett ( 1.50 betyg )
SPF DNS-post använder mjukt misslyckande ( 5.00 betyg )
SPF DNS-post använder hårt misslyckande ( 5.00 betyg )
Integritet & säkerhet
MX DNS IPv4-post är överflödig ( 5.00 betyg )
MX DNS-servrar i GDPR-säkert land: NL ( 5.00 betyg )
MTA-STS DNS-post hittades inte ( 1.00 betyg )
MTA-STS TXT hittades inte ( 1.00 betyg )
SPF DNS-post hittades ( 5.00 betyg )
SPF DNS-post använder mjukt misslyckande ( 2.00 betyg )
SPF DNS-post använder hårt misslyckande ( 5.00 betyg )
SPF-servrar i länder med adekvat nivå av dataskydd: SE, unknown, NL, KR, FI, IE, DK, GB, JP, FR ( 5.00 betyg )
SPF-servrar i länder utan adekvat nivå av dataskydd: US, HK, SG ( 1.00 betyg )
Kontrollerar om webbplatsen har tredjeparter och molntjänster utanför EU:s jurisdiktion, och om fingerprint-teknik används eller annat som äventyrar användarens integritet?
Betyg: 4.20 av 5
Integritet & säkerhet
##### Kakor ( 5.00 betyg )
- Tredjepartskakor: 0 ( 5.00 betyg )
- Giltighetstid är kortare än 3 månader ( 5.00 betyg )
- Kräver säker överföring ( 5.00 betyg )
- Använder ej analyskakor utan samtycke ( 5.00 betyg )
##### Dataskyddsförordningen och Schrems II-domen ( 1.00 betyg )
Antal olika länder: 3
Sidan skickades från Sverige: Ja
Länder utan adekvat nivå av dataskydd: 1
US, 18 förfrågningar:
- #8: css
- #9: css
- #11: element.js
- #22: 7Auwp-0qiz-afTL
- #24: m-el-main-css
- Fler än 5 förfrågningar hittade, döljer resten
##### Spårning ( 5.00 betyg )
##### Identifieringstekniker ( 5.00 betyg )
##### Annonsörer ( 5.00 betyg )
Energieffektivitet
2024-03-02
Hur mycket koldioxid produceras genom en sidvisning och hur mycket energi går åt jämfört med andra webbplatser på Webperf?
Betyg: 4.25 av 5
- Webbsidan genererar ganska lite koldioxid. - Koldioxid per sidvisning: 0.49 gram - Webbsidan är grönare än 85 % av testade webbplatser på webperf.se (Referens uppdaterad: 2022-12-16). - Webbsidan är grönare än 86 % av testade webbplatser på webperf.se (Referens uppdaterad: 2021-12-12). - Nätverksstorlek: 787 kb ( 4.25 betyg )
Tillgänglighetstest genom Google Lighthouse om webbplatsen är utformad på ett tillgängligt sätt för funktionsvarierade användare. Mäter med en mobilanvändares preferenser.
Betyg: 4.90 av 5
- Webbplatsen kan bli mer tillgänglig, men är ganska ok.
Tillgänglighet
- Alla ARIA-id:n är unika ( 5.00 betyg )
- Alla `aria-hidden="true"` 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="no"` används inte i elementet `< meta name="viewport">` 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 )
- Alla `aria-hidden="true"`-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>`-, `< ol>`, eller `< menu>`-element ( 5.00 betyg )
- Alla länkar har igenkännliga namn ( 5.00 betyg )
- Dokumentet har ett `< title>`-element ( 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 )
Alpha-versionen av vårt mjukvaratest. Kontrollerar om det finns utdaterade versioner av mjukvara eller ramverk. Det vill säga potentiella säkerhetsrisker.
Följer webbplatsen praxis för progressiva webbappar? Obs! Detta test ingår inte i betygen.
- Webbplatsen är ganska dålig som progressiv webbapp. - 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="viewport">`-tagg med `width` eller `initial-scale` ( 5.00 betyg )
- Webbappens manifest och tjänstefunktion uppfyller kraven för installation ( 5.00 betyg )
- Innehållet har rätt storlek för visningsområdet ( 5.00 betyg )
Kollar om webbplatsen följer god praxis för webbutveckling, enligt Google Lighthouse kriterier.
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 )
- Felen loggades i `Issues`-panelen i Chromes verktyg för programmerare ( 1.00 betyg )
- Allows users to paste into input fields ( 5.00 betyg )
- Använder HTTPS ( 5.00 betyg )
- Bilder visas med korrekt bildformat ( 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 )
- Undviker händelselyssnare för `unload` ( 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änder HTTPS ( 5.00 betyg )
- Felen loggades i `Issues`-panelen i Chromes verktyg för programmerare ( 1.00 betyg )
- Allows users to paste into input fields ( 5.00 betyg )
Är webbplatsen bra på sökmotoroptimering/SEO? Alltså att nå ut via sökmotorer, enligt Google Lighthouse kriterier.
Betyg: 3.90 av 5
- Genomsnittlig efterlevnad till SEO-praxis. - Dokumentet har ingen metabeskrivning ( 1.00 betyg )
- Länkar har inte beskrivande text ( 1.00 betyg )
- Länkarna är inte genomsökningsbara ( 1.00 betyg )
- Tryckmålen har inte lämplig storlek: 98 % av tryckmålen har lämplig storlek ( 4.35 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="viewport">`-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 )
- robots.txt är giltig ( 5.00 betyg )
- Korrekt statuskod? Fick 404 och 404 är korrekt. ( 5.00 betyg )
- Hittades en sidtitel på sidan? ( 5.00 betyg )
- Hittades en huvudrubrik (h1) på sidan? ( 5.00 betyg )
- Saknas text som beskriver att ett fel uppstått (på svenska, eller engelska för engelskspråkig webbplats)? ( 5.00 betyg )
- Är information är under 150 tecken, vilket tyder på att användaren inte får tillräckligt med information för att vägledas vidare? ( 5.00 betyg )
Webbstandard
- Korrekt statuskod? Fick 404 och 404 är korrekt. ( 5.00 betyg )
- Hittades en sidtitel på sidan? ( 5.00 betyg )
- Hittades en huvudrubrik (h1) på sidan? ( 5.00 betyg )
Tillgänglighet
- Hittades en sidtitel på sidan? ( 5.00 betyg )
- Hittades en huvudrubrik (h1) på sidan? ( 5.00 betyg )
- Saknas text som beskriver att ett fel uppstått (på svenska, eller engelska för engelskspråkig webbplats)? ( 5.00 betyg )
- Är information är under 150 tecken, vilket tyder på att användaren inte får tillräckligt med information för att vägledas vidare? ( 5.00 betyg )
Tillgänglighetstest av webbplatsen för att kolla upp följsamhet till tillgänglighetsriktlinjerna WCAG (Web Content Accessibility Guidelines). Pa11y testar upp till och med nivå AAA av WCAG, vilket är högre än kravet i DOS-lagen.
Betyg: 3.80 av 5
- Väldigt dålig tillgänglighet!
Tillgänglighet
- Antal grupperade fel: 5 ( 4.00 betyg )
- Antal fel: 14 ( 3.60 betyg )
##### Problem: - A textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined. - Iframe element requires a non-empty title attribute that identifies the frame. - A form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate. - A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 4.4999:1. Recommendation: change background to #fbfbfb. - A form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.
Energieffektivitet i Webperf-testerna är communityts egenbyggda. Det kanske är självklart varför ett bra betyg är viktigt, men vi har det för att elektricitet behöver hushållas med.
Webperf finns öppet som testramverk och som ett index. Men också att hyra som tjänst för de som föredrar en SaaS-tjänst. Under 2024 har tre stycken webbyråer skaffat premium till sig själva och sina kunder.
Är din text läsbar eller väldigt krånglig? Med hjälp av LIX och andra läsbarhetsindex kan du mer objektivt bedöma om din text är onödigt komplex. Eller om den är bra nog. Det handlar om hur trovärdig du är!
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