Website Grader — Brukerveiledning

Gratis nettstedanalyse med 10 analyseområder: ytelse, SEO, mobilvennlighet, sikkerhet, teknologi-radar, karbonavtrykk, tilgjengelighet, innholdskvalitet, tredjepartsimpact og konverteringsestimat. Ingen innlogging, ingen kredittkort, ingen credits.

Innhold

1. Hva er Website Grader?
2. Komme i gang
3. Total Score og Kategorier
4. Kategori: Ytelse (30 poeng)
5. Kategori: SEO (30 poeng)
6. Kategori: Mobil (30 poeng)
7. Kategori: Sikkerhet (10 poeng)
8. Insight: Teknologi-radar
9. Insight: Karbonavtrykk
10. Insight: Tilgjengelighet (WCAG)
11. Insight: Innholdskvalitet
12. Insight: Tredjepartsimpact
13. Insight: Estimert konverteringseffekt
14. Konkurrent-sammenligning
15. Scan-historikk og trender
16. Deep Dive: Detaljert ytelsesanalyse
17. Mobil vs. Desktop sammenligning
18. Forbedringsmuligheter med kode-snippets
19. Deling av resultater
20. Teknisk arkitektur
21. Datakilder
22. API-referanse
23. Vanlige spørsmål (FAQ)
24. Tips og best practices

1. Hva er Website Grader?

Website Grader er NordicPulse AIs gratis nettstedanalysator. Den evaluerer 10 områder i en enkelt skanning og gir en total score fra 0 til 100 poeng. Verktøyet er tilgjengelig på /ressurser/website-grader uten innlogging.

Hva du får:

I tillegg får du:

• Konkurrent-sammenligning — Sammenlign to nettsteder side-om-side
• Scan-historikk — Spor forbedringer over tid med trendgrafer
• Deep Dive — Core Web Vitals, muligheter og diagnostikk med mobil/desktop-toggle
• Kode-snippets — Kopierbare kodefikser for hver forbedringsmulighet

2. Komme i gang

Steg-for-steg

1. Naviger til /ressurser/website-grader
2. Skriv inn URL i input-feltet (f.eks. example.com eller https://example.com)
3. Klikk "Få din score" (eller "Get Your Score" på engelsk)
4. Vent 10–30 sekunder mens verktøyet:
   • Scraper HTML-innhold og response headers
   • Kjører Google PageSpeed Insights for mobil
   • Kjører Google PageSpeed Insights for desktop
5. Se resultatet med total score, kategorier, insight-seksjoner og anbefalinger

URL-normalisering

• Verktøyet legger automatisk til https:// hvis protokoll mangler
• Treffsikker på domener med og uten www.
• Omdirigeringer følges automatisk

Fremdriftsindikator

Under skanning vises en fremdriftslinje med statusmeldinger:

• "Analyserer nettsted..." → HTML-scraping
• "Kjører Google PageSpeed..." → PSI mobil + desktop
• "Evaluerer ytelse..." → Scoreberegning
• "Ferdig!" → Resultat klart

3. Total Score og Kategorier

Scoring

Total score = Ytelse (maks 30) + SEO (maks 30) + Mobil (maks 30) + Sikkerhet (maks 10) = maks 100.

Score vises som en animert ring med fargekoding:

• Grønn (80–100): Utmerket
• Gul (50–79): Bra, men rom for forbedring
• Rød (0–49): Trenger umiddelbar oppmerksomhet

Headline basert på score

Kategorikort

Hver kategori vises som et kort med:

• Ikon — Gauge (ytelse), Search (SEO), Smartphone (mobil), Shield (sikkerhet)
• Score — f.eks. "24/30"
• Fremdriftslinje — Visuell indikator
• Utvid/kollaps — Klikk for å se individuelle sjekker

4. Kategori: Ytelse (30 poeng)

Ytelseskategorien måler nettstedets hastighet og ressursbruk. Data hentes fra Google PageSpeed Insights (Lighthouse) og HTML-scraping.

Sjekker

Poengberegning eksempel: Sidehastighet

PSI score >= 90  → 6 poeng
PSI score >= 70  → 4 poeng
PSI score >= 50  → 2 poeng
PSI score <  50  → 0 poeng

5. Kategori: SEO (30 poeng)

SEO-kategorien evaluerer on-page søkemotoroptimalisering basert på HTML-scraping og PSI SEO-audit.

Sjekker

6. Kategori: Mobil (30 poeng)

Mobil-kategorien evaluerer mobilvennlighet basert på Lighthouse-metrikker og HTML-analyse.

Sjekker

7. Kategori: Sikkerhet (10 poeng)

Sjekker

8. Insight: Teknologi-radar

Teknologi-radaren oppdager hvilke teknologier et nettsted bruker ved å analysere HTML-fingeravtrykk og HTTP response headers.

Deteksjonsmetode

1. HTML-mønstermatch — Søker etter kjente patterns i HTML-kildekoden (f.eks. wp-content for WordPress, __next_data__ for Next.js)
2. Response header-inspeksjon — Leser Server, X-Powered-By, Via, CF-Ray og andre headers
3. Konfidensscoring — Hvert funn får en konfidenspoengsum (0-100%) basert på styrken til signalet

Kategorier og teknologier (70+)

Visning i UI

• Teknologier grupperes etter kategori med fargekodet badges
• Konfidenspoengsum vises som en liten prosentindikator
• Kortet er utvidbart (collapsible) og åpent som standard

9. Insight: Karbonavtrykk

Karbonavtrykk-seksjonen estimerer CO2-utslipp per sidevisning basert på datamengde som overføres.

Beregningsformel

Basert på Website Carbon Calculator-metoden:

Energiforbruk per byte = 0.81 kWh / GB
Karbonintensitet       = 442 g CO2 / kWh (globalt gjennomsnitt)
CO2 per sidevisning    = transferSize * energiPerByte * karbonintensitet

Rating-skala

Visning i UI

• Stor rating-badge (A+ til F) med fargekoding
• CO2 gram per sidevisning i mono-font
• Percentil-bar — "Grønnere enn X% av nettsider"
• Transfer-størrelse i KB

10. Insight: Tilgjengelighet (WCAG)

Tilgjengelighetsseksjonen henter og viser feilende WCAG-audits fra Google Lighthouse.

21 audits som sjekkes

Filtrering

Kun feilende audits (score < 1.0) vises. Bestående audits filtreres bort for å fokusere på handlingsdyktige forbedringer.

Detaljer per audit

• Tittel — Hva som feiler
• displayValue — Antall feilende elementer (f.eks. "4 elementer")
• Berørte elementer — CSS-selektorer og HTML-snippets for de første 5 elementene

11. Insight: Innholdskvalitet

Innholdskvalitet evaluerer SEO-relevant innholdskvalitet basert på scraper-data.

Scoring (0–100)

Visning i UI

• Score-tall med fargekoding (grønn/gul/rød)
• Sjekkliste med statusikoner (grønn hake / rødt kryss) for hvert element
• Verdier — Faktisk lengde, antall, status

12. Insight: Tredjepartsimpact

Tredjepartsimpact viser hvilke tredjepartsskript som bremser nettstedet, hentet fra PSI-auditens third-party-summary.

Data per tredjepartstjeneste

Visning i UI

• Sortert etter blokkeringstid (høyest først)
• Maks 15 tjenester vises, avkortet til 8 i UI med mulighet for utvidelse
• Fargekodet bar per tjeneste:
  • Rød: > 100ms blokkeringstid
  • Gul: 50–100ms
  • Grå: < 50ms
• Transfer-størrelse i KB/MB ved siden av

13. Insight: Estimert konverteringseffekt

Konverteringsestimat-seksjonen beregner forventet konverteringsøkning basert på ytelsesforbedringer.

Beregning

Basert på Google-forskning: Hver 100ms forbedring i LCP ≈ 0.7% konverteringsøkning.

Naavarende LCP:     Fra PSI Core Web Vitals
Mål-LCP:           max(nåværende LCP - total besparelse, 1500ms)
Forbedring:         nåværende LCP - mål-LCP
Konverteringsokning: (forbedring / 100) * 0.7%

Eksempel

Naavarende LCP:  4200ms (4.2s)
Muligheter:      -1800ms (optimaliserte bilder, lazy loading, etc.)
Mål-LCP:        2400ms (2.4s)
Forbedring:      1800ms
Konverteringsokning: (1800 / 100) * 0.7 = +12.6%

Visning i UI

• Stor hero-stat: "+X.X% konverteringsøkning" i emerald
• Nåværende vs. Mål-LCP — Side-om-side sammenligning
• Viktigste fix — Navn på forbedringsmuligheten med størst effekt
• Besparelse — Estimert tidsbesparelse fra topp-fixen

Når vises det ikke?

Hvis konverteringsøkningen er 0% (allerede rask nok) eller LCP-data mangler, vises en melding om at det ikke er nok data.

14. Konkurrent-sammenligning

Etter at hoved-skanningen er fullført, kan du sammenligne med en konkurrent.

Slik fungerer det

1. Skriv inn konkurrentens URL i sammenligning-feltet
2. Klikk "Sammenlign" — Kjører en identisk analyse av konkurrenten
3. Se side-om-side resultater med:
   • Total score for begge
   • Kategori-sammenligning (ytelse, SEO, mobil, sikkerhet)
   • Deltabadger som viser hvem som vinner på hvert område

Data som sammenlignes

• Total score (0–100)
• Hver kategori (score / maks)
• Individuelle sjekker med pass/fail-status

15. Scan-historikk og trender

Alle skanninger lagres lokalt i nettleserens localStorage. Når du har kjørt minst 2 skanninger av samme domene, vises historikk-seksjonen.

Hva som lagres per skanning

Grenser

• Maks 20 skanninger per domene
• Maks 50 domener totalt
• Eldste domener fjernes automatisk når grensen nås

Trender

• Trendretning: Oppgang / Nedgang / Uendret
• Visuell graf over tid
• Beste score og siste skanning

16. Deep Dive: Detaljert ytelsesanalyse

Deep Dive-seksjonen gir fullstendig tilgang til Lighthouse-data fra Google PageSpeed Insights.

Core Web Vitals (CWV)

Forbedringsmuligheter (Opportunities)

Sortert etter potensiell besparelse (ms). Hver mulighet viser:

• Tittel og beskrivelse
• Estimert besparelse i millisekunder og/eller bytes
• Prioriteringsbadge (høy/middels/lav)
• AI-forklaring — Norsk/engelsk forklaring av hva det betyr
• Kode-snippet — Kopierbar kode for å fikse problemet (se seksjon 18)
• Berørte ressurser — URL-er, størrelse, spart tid

Diagnostikk

Informasjonselementer fra Lighthouse som gir tilleggsinnsikt uten direkte scoring:

• DOM-størrelse
• JavaScript-kjøringstid
• Hovedtrådsarbeid
• osv.

17. Mobil vs. Desktop sammenligning

Deep Dive-seksjonen har en toggle mellom mobil og desktop:

Mobil (standard)

• Google Lighthouse med strategy: 'mobile'
• Throttled CPU og nettverk (simulerer 4G-hastighet)
• Strengere vurdering av CWV

Desktop

• Google Lighthouse med strategy: 'desktop'
• Ingen CPU-throttling
• Normalt generelt høyere scores

Delta-badges

Når du bytter mellom mobil og desktop, vises delta-badges på CWV-metrikker:

• Grønn pil opp: Desktop er bedre
• Rød pil ned: Desktop er dårligere
• Grå: Ingen signifikant forskjell

18. Forbedringsmuligheter med kode-snippets

Flere forbedringsmuligheter inkluderer kopierbare kode-snippets:

Eksempler

Render-blocking resources:

<link rel="preload" href="style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">

Unoptimized images:

<img src="photo.jpg" loading="lazy" decoding="async" width="800" height="600">

Missing cache headers:

Cache-Control: public, max-age=31536000, immutable

Kopier-funksjon

Klikk på kopier-knappen for å kopiere kode-snippeten til utklippstavlen. Knappen endres til et hake-ikon i 2 sekunder for bekreftelse.

19. Deling av resultater

Etter en skanning vises delingsknapper for:

• Twitter/X — Deler score og URL
• LinkedIn — Deler score og URL
• Facebook — Deler score og URL

20. Teknisk arkitektur

Flytdiagram

[Bruker: URL] 
    → [WebsiteGraderPage.tsx] 
    → [websiteGraderService.ts: runWebsiteGrader()] 
    → [API: /api/tools/website-grader]
        ├── scrapeUrl(url)
        │   ├── HTML-parsing (title, desc, H1, H2, links, viewport, robots)
        │   ├── Response headers (Server, CF-Ray, X-Powered-By, etc.)
        │   └── detectTechStack(html, url, headers) → TechDetection[]
        │
        ├── fetchPsi(url, 'mobile')
        │   ├── Lighthouse scores (performance, a11y, best-practices, seo)
        │   ├── Core Web Vitals (LCP, CLS, FCP, TBT, SI, TTFB)
        │   ├── Page stats (totalSize, htmlSize, cssSize, jsSize, imageSize)
        │   ├── Opportunities + Diagnostics
        │   ├── extractAccessibilityAudits() → A11yAudit[]
        │   └── extractThirdPartySummary() → ThirdPartyItem[]
        │
        └── fetchPsi(url, 'desktop')
            └── (same as mobile)
    
    ← [Service: evaluatePerformance/Seo/Mobile/Security]
    ← [Service: calculateCarbon/ContentScore/RoiEstimate]
    ← [WebsiteGraderReport]

Filer

21. Datakilder

Rate limits

• PSI uten API-nøkkel: ~25 forespørsler/dag
• PSI med API-nøkkel: ~25 000 forespørsler/dag
• Scraper: Ingen rate limit (direkte HTTP-forespørsler)

22. API-referanse

Endpoint

POST /api/tools/website-grader
Content-Type: application/json

{ "url": "https://example.com" }

Response (forenklet)

{
  "scores": {
    "performance": 87,
    "accessibility": 92,
    "bestPractices": 83,
    "seo": 95
  },
  "scraper": {
    "title": "Example — Homepage",
    "description": "...",
    "h1": "Welcome to Example",
    "h2s": ["Features", "Pricing"],
    "statusCode": 200,
    "pageSize": 245000,
    "techStack": [
      { "name": "Next.js", "category": "framework", "confidence": 95 },
      { "name": "Vercel", "category": "hosting", "confidence": 90 }
    ],
    "responseHeaders": { "server": "Vercel", "cf-ray": "..." }
  },
  "psiMobile": {
    "scores": { "performance": 87, ... },
    "coreWebVitals": { "lcp": { "value": 2400, "displayValue": "2.4 s" }, ... },
    "opportunities": [...],
    "diagnostics": [...],
    "accessibilityAudits": [...],
    "thirdPartySummary": [...]
  },
  "psiDesktop": { ... }
}

23. FAQ

Er Website Grader gratis?

Ja. Helt gratis, ubegrenset bruk, ingen innlogging, ingen credits.

Hva skiller dette fra andre website graders?

De fleste gratis website graders gir 4 kategorier. Website Grader gir deg 10 analyser inkludert teknologi-radar, karbonavtrykk, tilgjengelighetsanalyse, innholdskvalitet, tredjepartsimpact og konverteringsestimat — pluss konkurrent-sammenligning, historikk, kode-snippets og mobil/desktop Deep Dive.

Hvor nøyaktige er dataene?

• Lighthouse-scores: Identiske med Chrome DevTools Lighthouse
• Tech stack: Basert på HTML-fingeravtrykk med konfidensscoring (70-95%). Kan mangle teknologier som lastes dynamisk eller som er godt skjult
• Karbonavtrykk: Estimat basert på transferSize og globalt energigjennomsnitt. Faktisk CO2 avhenger av datacenter-lokasjon og energimiks
• Konverteringsestimat: Basert på aggregert Google-forskning. Faktisk konverteringsøkning avhenger av bransje, trafikk og UX

Lagres dataene mine?

Nei. Ingen data sendes til servere utover den direkte analysen. Scan-historikk lagres kun i nettleserens localStorage på din enhet.

Hvorfor er mobil-scoren lavere enn desktop?

Google Lighthouse mobile kjører med CPU-throttling og simulert 4G-nettverk. Dette gir strengere resultater enn desktop-testen, men reflekterer brukeropplevelsen på mobilenheter bedre.

Kan jeg bruke dette for klienter?

Absolutt. Del resultatene via de innebygde delingsknappene, eller kjør konkurrent-sammenligninger for å vise klienter hvor de står i forhold til konkurrentene.

Hvorfor oppdages ikke all teknologi?

Teknologi-radaren oppdager teknologier basert på statisk HTML og response headers. Teknologier som lastes via JavaScript etter initial page load, eller som er godt obfuskert, kan mangle. Konfidenspoengsummen reflekterer styrken på signalet.

24. Tips og best practices

For utviklere

1. Kjør før og etter endringer — Bruk historikk-funksjonen til å spore forbedringer
2. Fokuser på røde sjekker først — Størst effekt på total score
3. Bruk kode-snippets direkte — Kopier og lim inn i kodebasen
4. Sjekk tredjepartsimpact — Fjern eller lazy-load tunge tredjepartsskript
5. Mål konverteringseffekt — Bruk ROI-estimatet til å prioritere fikser

For markedsførere

1. Sammenlign med konkurrenter — Bruk konkurrent-verktøyet til å finne fordeler og svakheter
2. Presenter karbonavtrykk — Bærekraft er et salgsargument
3. Del resultater — Bruk innebygde delingsknapper for sosiale medier
4. Kjør månedlig — Spor trender over tid for å vise forbedring til ledelse/klienter

For byråer

1. Bruk som salgsverktøy — Kjør gratis analyse på prospektets nettsted
2. Vis konkurrentanalyse — Sammenlign prospektens nettsted med markedsleder
3. Teknologi-radaren avdekker muligheter — Foreslå migrering fra utdaterte stackker
4. Tilgjengelighetsanalysen gir konkrete WCAG-forbedringer å tilby

Endringslogg

Sist oppdatert 2026-03-13

Åpne verktøyet