Lyft ett barn ur mörkret

Utför Lighthouse-testerna för hastighet, SEO, tillgänglighet och god praxis.

Betyg: 3.35 av 5

Tillgänglighet

- Bakgrunds- och förgrundsfärger ska ha tillräcklig kontrast (fel)
- frame-title (unresolved)
- Rubrikelement ska visas i sekventiellt fallande ordning (fel)
- Bildelement ska ha `[alt]`-attribut (fel)

Hastighet

- Första innehållsrika målning (fel)
- Största innehållsrika målning (fel)
- Hastighetsindex (fel)
- cache-insight (unresolved)
- Resultat för layoutförskjutning (fel)
- Teckensnittsvisning (fel)
- forced-reflow-insight (unresolved)
- Förbättra bildleveransen (fel)
- Upptäcka LCP-begäran (fel)
- Nätverksberoendeträd (fel)
- Begäranden om renderingsblockering (fel)
- Tid till interaktivitet (fel)
- Minska oanvänd CSS (fel)
- Minska oanvänd JavaScript (fel)
- Undvik stora layoutförskjutningar (fel)
- Kumulativ layoutförskjutning (varning)
- Undvik enorma nätverkspayloads (varning)

Följer webbplatsen praxis för felsidan 404?

Betyg: 4.95 av 5

Webbstandard

- Ingen giltig h1 hittades (varning)

• Kolla HTTP-kod hos SEObook
• Hur funkar Fel 404 som betyg på Webperf?

Kontrollerar CSS-koden mot Webperf-communityts egna CSS-test, för att se om det följer modern webbstandard.

Betyg: 1 av 5

Webbstandard

- CSS, Disallow unknown custom properties (fel)
- CSS, Disallow unknown values for properties within declarations (fel)
- CSS, Disallow unknown type selectors (fel)
- CSS, Tillåt inte okända egenskaper (fel)
- CSS, Disallow invalid preludes for at-rules (fel)
- CSS, Disallow unknown functions (fel)
- CSS, Disallow unknown values for media features (fel)
- CSS, Disallow invalid position `@import` rules (fel)
- CSS, Tillåt inte inaktuella egenskaper (varning)
- CSS, Disallow empty blocks (varning)
- CSS, Disallow deprecated keywords for properties within declarations (varning)

Kontrollerar HTML-koden mot Webperf-communityts egna HTML-test, för att se om det följer modern webbstandard.

Betyg: 1.45 av 5

Webbstandard

- Kräv att autocomplete-attributet är giltigt (fel)
- Säkerställ att obligatoriska attribut är satta (fel)
- Kräv att `id` är en giltig identifierare (fel)
- Validera tillåtna attributvärden (fel)
- Tillåt inte dubblerade ID:n (fel)
- Säkerställ att obligatoriska element finns (fel)
- Tillåt inte användning av föråldrade attribut (fel)
- Validera tillåtet innehåll (varning)

Kontroll av hur snabb webbplatsen är, genom opensource-verktyget Sitespeed.io.

Betyg: 3.86 av 5

Hastighet

- [desktop] TTFB (Time to First Byte): 250.00ms, ±63.00ms ( 5.00 betyg )
- [desktop] DOMContentLoaded: 428.00ms, ±67.00ms ( 5.00 betyg )
- [desktop] LCP (Largest Contentful Paint): 2720.00ms, ±850.00ms ( 1.00 betyg )
- [desktop] Load: 1656.67ms, ±83.33ms ( 2.69 betyg )
- [desktop] TBT (Total Blocking Time): 215.67ms, ±7.33ms ( 3.00 betyg )
- [desktop] CLS (Cumulative Layout Shift): 0.00ms, ±0.00ms ( 5.00 betyg )
- [desktop] FirstVisualChange: 434.00ms, ±66.00ms ( 5.00 betyg )
- [desktop] SpeedIndex: 2285.00ms, ±485.00ms ( 1.43 betyg )
- [desktop] VisualComplete85: 3020.00ms, ±550.00ms ( -0.04 betyg )
- [desktop] FCP (First Contentful Paint): 412.00ms, ±0.00ms ( 5.00 betyg )
- [desktop] firstPaint: 412.00ms, ±76.00ms
- [desktop] LastVisualChange: 3040.00ms, ±530.00ms
- [mobile] TTFB (Time to First Byte): 188.67ms, ±2.33ms ( 5.00 betyg )
- [mobile] DOMContentLoaded: 362.00ms, ±8.00ms ( 5.00 betyg )
- [mobile] LCP (Largest Contentful Paint): 2220.00ms, ±350.00ms ( 3.00 betyg )
- [mobile] Load: 1940.00ms, ±360.00ms ( 4.12 betyg )
- [mobile] TBT (Total Blocking Time): 211.00ms, ±14.00ms ( 3.00 betyg )
- [mobile] CLS (Cumulative Layout Shift): 0.00ms, ±0.00ms ( 5.00 betyg )
- [mobile] FirstVisualChange: 350.50ms, ±16.50ms ( 5.00 betyg )
- [mobile] SpeedIndex: 1770.00ms, ±250.00ms ( 4.46 betyg )
- [mobile] VisualComplete85: 2200.00ms, ±330.00ms ( 3.60 betyg )
- [mobile] FCP (First Contentful Paint): 338.00ms, ±0.00ms ( 5.00 betyg )
- [mobile] firstPaint: 338.00ms, ±2.00ms
- [mobile] LastVisualChange: 2200.00ms, ±330.00ms

• Hur funkar Sitespeed.io-testet på Webperf?

5 juli-stiftelsens tjänst Webbkoll kollar hur mycket som gjorts för att skydda besökarnas integritet. Betyg och bedömning är Webperfs.

Betyg: 2.56 av 5

Integritet & säkerhet

- Strict Transport Security är dåligt. ( 1.00 betyg )
- Content Security Policy är dåligt. ( 1.00 betyg )
- Rapportering CSP Certificate Transparency Network Error Logging är inte så bra. ( 2.50 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 1 fel och 0 varning(ar). ( 4.50 betyg )

• Kolla integriteten med Webbkoll hos 5 juli-stiftelsen
• Hur funkar integritetsbetyget på Webperf?

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: 2.80 av 5

Webbstandard

- MX DNS IPv4-post hittades inte ( 1.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 inte ( 1.00 betyg )

Integritet & säkerhet

- MTA-STS DNS-post hittades inte ( 1.00 betyg )
- MTA-STS TXT hittades inte ( 1.00 betyg )
- SPF DNS-post hittades inte ( 1.00 betyg )
- DMARC DNS-post använder 'none' för policy ( 1.00 betyg )

• Mejltestets dokumentation på Github

Alpha-versionen av vårt mjukvaratest. Kontrollerar om det finns utdaterade versioner av mjukvara eller ramverk. Det vill säga potentiella säkerhetsrisker.

Betyg: 4.57 av 5

• Hur funkar mjukvarutestet?
• Mjukvarutestets dokumentation på Github

Letar efter standardfiler som robots.txt, security.txt, sitemaps och RSS-prenumerationer

Betyg: 4.70 av 5

Integritet & säkerhet

- security.txt har felaktigt innehåll (fel)
- security.txt saknar nödvändig kontaktinformation (varning)
- security.txt kräver utgångsinformation (tillägg i utkast v10) saknas (varning)

• Hur funkar testet av standardfiler på Webperf?

Hur mycket koldioxid produceras genom en sidvisning och hur mycket energi går åt jämfört med andra webbplatser på Webperf?

Betyg: 5 av 5

• Hur funkar Energieffektivitet-testet på Webperf?

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: 2.90 av 5

Integritet & säkerhet

##### Dataskyddsförordningen och Schrems II-domen ( 1.00 betyg )
Antal olika länder: 6
Sidan skickades från Sverige: Nej
Länder utan adekvat nivå av dataskydd: 1
US, 80 förfrågningar:
- #1: Webbsida
- #2: styles.css
- #3: cookieblocker.m
- #4: jquery.fancybox
- #5: e16ff1e0de4689a
- Fler än 5 förfrågningar hittade, döljer resten
##### Spårning ( 4.81 betyg )
- #28: kolkataindien - Spårning hittad ( 1.00 betyg )
- #86: js - Spårning hittad ( 1.00 betyg )
- #96: nr-rum-1.306.0. - Spårning hittad ( 1.00 betyg )
- Fler än 5 spårnings­förfrågningar hittade, döljer resten ( 1.00 betyg )
- Hittade totalt 7 spårnings­förfrågningar.
Besökaranalys används:
- #1: Webbsida - Har referens till Google Tag Manager
- #1: Webbsida - Har referens till Cloudflare Insights
- #27: vcd15cbe7772f49 - Har referens till Cloudflare Insights
- #28: kolkataindien - Har referens till New Relic
- #28: kolkataindien - Har referens till Cloudflare Insights
- #86: js - Har referens till Google Tag Manager
- #96: nr-rum-1.306.0. - Har referens till New Relic
##### Identifierings­tekniker ( 1.00 betyg )
- #104: inner.html - Identifierings­tekniker hittade.
( 1.00 betyg )
- #105: out-4.5.45.js - Identifierings­tekniker hittade.
( 1.00 betyg )
##### Annonsörer ( 4.81 betyg )
- #96: nr-rum-1.306.0. - Annonsörs­förfrågan hittad ( 1.00 betyg )
- #98: NRJS-10f70b6b0c - Annonsörs­förfrågan hittad ( 1.00 betyg )
- #100: NRJS-10f70b6b0c - Annonsörs­förfrågan hittad ( 1.00 betyg )
- Fler än 5 annonsörs­förfrågningar hittade, döljer resten ( 1.00 betyg )
- Hittade totalt 7 annonsörs­förfrågningar.

Tillgänglighetstest av webbplatsen för att kolla upp följsamhet till tillgänglighets­riktlinjerna 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: 2.60 av 5

Tillgänglighet

- Antal grupperade fel: 10 ( 3.00 betyg )
- Antal fel: 28 ( 2.20 betyg )

##### Problem:
- 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.49:1. Recommendation: change background to #383838.
- Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.
- Duplicate id attribute value "Ge en gåva" found on the web page.
- 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 1.86:1. Recommendation: change text colour to #6c7172.
- 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 1.52:1. Recommendation: change background to #a06b0d.
- 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 1.93:1. Recommendation: change text colour to #a76900.
- Iframe element requires a non-empty title attribute that identifies the frame.
- Img element with empty alt text must have absent or empty title attribute.
- Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
- Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
- Info: För många unika problem för att lista alla.

• Hur funkar tillgänglighetstestet Pa11y på Webperf?

Kontrollerar CSS-koden mot W3C för att se om den har rätt syntax och följer webbstandard.

Betyg: 4.54 av 5

Webbstandard

- `< style>` in: #1: Webbsida , antal grupperade fel: 1 ( 4.80 betyg )
- `< style>` in: #1: Webbsida , antal fel: 1 ( 4.90 betyg )
- CSS: X: Property X doesn't exist. (totalt 1 st)
- `style=""` in: #1: Webbsida , antal grupperade fel: 1 ( 4.80 betyg )
- `style=""` in: #1: Webbsida , antal fel: 6 ( 4.40 betyg )
- CSS: X: Parse Error. (totalt 6 st)
- `< link rel="stylesheet">` in: #1: Webbsida , antal grupperade fel: 9 ( 3.20 betyg )
- `< link rel="stylesheet">` in: #1: Webbsida , antal fel: 74 ( 1.00 betyg )
- CSS: Deprecated media feature X. For guidance, see the Deprecated Media Features section in the current Media Queries specification. (totalt 23 st)
- CSS: Parse Error. (totalt 19 st)
- CSS: X: X is not a X value. (totalt 13 st)
- CSS: X: Property X doesn't exist. (totalt 6 st)
- CSS: X: Parse Error. (totalt 4 st)
- CSS: X: The types are incompatible. (totalt 4 st)
- CSS: X: Too many values or values are not recognized. (totalt 2 st)
- CSS: X: only X can be a X. You must put a unit after your number. (totalt 2 st)
- CSS: X: X is not valid, only values greater than X allowed. (totalt 1 st)
- `< style>` in: #28: kolkataindien, antal grupperade fel: 1 ( 4.80 betyg )
- `< style>` in: #28: kolkataindien, antal fel: 2 ( 4.80 betyg )
- CSS: X: X is not a X value. (totalt 2 st)
- `< link rel="stylesheet">` in: #28: kolkataindien, antal grupperade fel: 4 ( 4.20 betyg )
- `< link rel="stylesheet">` in: #28: kolkataindien, antal fel: 28 ( 2.20 betyg )
- CSS: Parse Error. (totalt 17 st)
- CSS: X: Property X doesn't exist. (totalt 5 st)
- CSS: X: X is not a X value. (totalt 5 st)
- CSS: only X can be a X. You must put a unit after your number (totalt 1 st)
- `< link rel="stylesheet">` in: #130: anchor, antal grupperade fel: 2 ( 4.60 betyg )
- `< link rel="stylesheet">` in: #130: anchor, antal fel: 2 ( 4.80 betyg )
- CSS: Parse Error. (totalt 1 st)
- CSS: X: X is not a X value. (totalt 1 st)
- `< link rel="stylesheet">` in: #131: anchor, antal grupperade fel: 2 ( 4.60 betyg )
- `< link rel="stylesheet">` in: #131: anchor, antal fel: 2 ( 4.80 betyg )
- CSS: Parse Error. (totalt 1 st)
- CSS: X: X is not a X value. (totalt 1 st)
- `< style>` in: #143: kolkataindien, antal grupperade fel: 1 ( 4.80 betyg )
- `< style>` in: #143: kolkataindien, antal fel: 2 ( 4.80 betyg )
- CSS: X: X is not a X value. (totalt 2 st)
- `< link rel="stylesheet">` in: #143: kolkataindien, antal grupperade fel: 4 ( 4.20 betyg )
- `< link rel="stylesheet">` in: #143: kolkataindien, antal fel: 28 ( 2.20 betyg )
- CSS: Parse Error. (totalt 17 st)
- CSS: X: Property X doesn't exist. (totalt 5 st)
- CSS: X: X is not a X value. (totalt 5 st)
- CSS: only X can be a X. You must put a unit after your number (totalt 1 st)
- `< link rel="stylesheet">` in: #150: anchor, antal grupperade fel: 2 ( 4.60 betyg )
- `< link rel="stylesheet">` in: #150: anchor, antal fel: 2 ( 4.80 betyg )
- CSS: Parse Error. (totalt 1 st)
- CSS: X: X is not a X value. (totalt 1 st)
- `< link rel="stylesheet">` in: #151: anchor, antal grupperade fel: 2 ( 4.60 betyg )
- `< link rel="stylesheet">` in: #151: anchor, antal fel: 2 ( 4.80 betyg )
- CSS: Parse Error. (totalt 1 st)
- CSS: X: X is not a X value. (totalt 1 st)
- `< link rel="stylesheet">` in: #152: anchor, antal grupperade fel: 2 ( 4.60 betyg )
- `< link rel="stylesheet">` in: #152: anchor, antal fel: 2 ( 4.80 betyg )
- CSS: Parse Error. (totalt 1 st)
- CSS: X: X is not a X value. (totalt 1 st)
- `content-type=".*css.*"` in: #113: material.indigo, antal grupperade fel: 2 ( 4.60 betyg )
- `content-type=".*css.*"` in: #113: material.indigo, antal fel: 3 ( 4.70 betyg )
- 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: #141: banner-1-optin., antal grupperade fel: 2 ( 4.60 betyg )
- `content-type=".*css.*"` in: #141: banner-1-optin., antal fel: 4 ( 4.60 betyg )
- CSS: X: X is not a X value. (totalt 3 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)

• Hur funkar CSS-testet på Webperf?

Kollar om webbplatsen följer god praxis för webbutveckling, enligt Google Lighthouse kriterier.

Betyg: 3.55 av 5

Integritet & säkerhet

- Felen loggades i `Issues`-panelen i Chromes verktyg för programmerare ( 1.00 betyg )

Kolla Lighthouse hos web.dev

Ett hastighetstest från Google.

Betyg: 2.60 av 5

Hastighet

- Largest Contentful Paint ( 1.00 betyg )
- Cumulative Layout Shift: 0,111 ( 4.35 betyg )
- First Contentful Paint ( 1.00 betyg )
- Speed Index: 11,7 s ( 1.00 betyg )
- Time to Interactive ( 1.00 betyg )
- Föranslut till obligatoriska källor ( 1.00 betyg )
- Reducera CSS som inte används ( 1.00 betyg )
- Reducera JavaScript som inte används ( 1.00 betyg )
- Skicka bilder i modernare bildformat ( 1.00 betyg )
- Koda bilder effektivt ( 1.00 betyg )
- Använd bilder med rätt storlek ( 1.00 betyg )
- Sidan förhindrade återställning av vilocacheminnet ( 1.00 betyg )
- Minska arbetsbelastningen på modertråden: 2,2 s ( 2.50 betyg )
- Se till att all text förblir synlig medan webbteckensnitten läses in: ( 2.50 betyg )
- Skicka statiska tillgångar med en effektiv cachelagringspolicy: 29 resurser hittades ( 2.50 betyg )
- Undvik enorm nätverksbelastning: Den sammanlagda storleken var 14 000 Kibit ( 2.50 betyg )
- Skjut upp inläsningen av bilder som inte visas på skärmen: Möjlig databesparing 1 956 Kibit ( 2.50 betyg )
- Undvik att skicka äldre JavaScript till moderna webbläsare: Möjlig databesparing 9 Kibit ( 2.50 betyg )
- Passiva lyssnare används inte för att förbättra scrollningsprestanda: ( 2.50 betyg )

Kolla Lighthouse hos web.dev

Är webbplatsen bra på sökmotoroptimering/SEO? Alltså att nå ut via sökmotorer, enligt Google Lighthouse kriterier.

Betyg: 4.60 av 5

Kolla Lighthouse hos web.dev

Tillgänglighetstest genom Google Lighthouse om webbplatsen är utformad på ett tillgängligt sätt för funktionsvarierade användare. Mäter med en mobil­användares preferenser.

Betyg: 4.35 av 5

Tillgänglighet

- Alla bildelement har inte `[alt]`-attribut ( 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 )
- Rubrikelementen har inte ordnats i följd i fallande ordning ( 1.00 betyg )

• Kolla tillgänglighet hos web.dev
• Hur funkar tillgänglighetstestet med Axe på Webperf?

Kontrollerar HTML-koden mot W3C för att se om den har rätt syntax och följer webbstandard.

Betyg: 5 av 5

• Kolla HTML-koden med W3C
• Hur funkar betygen för HTML på Webperf?