Google Lighthouse är ett av de mest använda verktygen för webbprestanda och teknisk webbanalys – men också ett av de mest missförstådda. Många fokuserar på att nå 100 i alla kategorier utan att förstå vad siffrorna faktiskt mäter. Den här artikeln reder ut det, och visar sedan hur du använder PageSpeed Insights API tillsammans med Claude Code för att faktiskt åtgärda det Lighthouse hittar.
Vad är Google Lighthouse?
Lighthouse är ett open source-verktyg från Google som analyserar webbsidor och ger poäng inom fem kategorier:
Performance – hur snabbt sidan laddas och blir interaktiv
Accessibility – hur tillgänglig sidan är för användare med funktionsnedsättningar
Best Practices – tekniska standarder, HTTPS, säkerhetsproblem m.m.
SEO – tekniska SEO-grundkrav som meta-taggar, crawlbarhet och mobilanpassning
PWA – Progressive Web App-krav (allt färre fokuserar på detta i dag)
Du kör Lighthouse direkt i Chrome DevTools, via PageSpeed Insights i webbläsaren, eller programmatiskt via PageSpeed Insights API.
Den viktigaste missuppfattningen: 100 i SEO ≠ bra SEO
Det här är något som behöver sägas tydligt: 100 i Lighthouse SEO innebär att din sida är tekniskt korrekt, inte att den rankar bra på Google.
Lighthouse SEO-auditen kontrollerar saker som:
Finns det en meta description?
Är sidan indexerbar (ingen
noindex-tagg)?Är länktexter beskrivande?
Är sidan mobilanpassad?
Har bilder alt-texter?
Det är grundläggande teknisk hygien – nödvändig men långt ifrån tillräcklig för att driva organisk trafik. Att ranka på Google kräver saker som Lighthouse inte mäter och aldrig kommer att mäta:
Content och relevans – skriver du om det folk faktiskt söker efter?
Sökordsoptimering – är innehållet strukturerat mot rätt sökord med rätt intent?
Länkprofil – har din sida auktoritet i förhållande till konkurrenterna?
E-E-A-T – visar sidan erfarenhet, expertis, auktoritet och trovärdighet?
Intern länkstruktur – hur leder du PageRank genom din sajt?
En sida med 100 i Lighthouse SEO kan fortfarande ranka på sida 10. En sida med 72 i Lighthouse SEO kan ligga på plats 1. Poängen avgör inte rankingen – innehållet och auktoriteten gör det.
Samma logik gäller delvis för Performance: en sida som laddar på 2,1 sekunder istället för 1,8 sekunder rankade sannolikt inte nämnvärt annorlunda. Lighthouse Performance pekar ut tekniska problem som faktiskt kan påverka konvertering och användarupplevelse – det är det primära värdet.
Vad Lighthouse faktiskt är bra på
Med den nyansen på plats: Lighthouse är ett utmärkt verktyg för att hitta konkreta, åtgärdbara tekniska problem som annars är svåra att identifiera manuellt:
Bilder som inte är komprimerade eller saknar rätt format (WebP/AVIF)
JavaScript som blockerar rendering (render-blocking resources)
Saknad lazy loading på bilder nedanför fold
CLS-problem (Cumulative Layout Shift) som gör att sidan "hoppar"
Saknade ARIA-attribut och tillgänglighetsproblem
Tredjepartsskript som bromsar laddningstid
Osäkra externa länkdestinationer
Det är här Lighthouse är värdefullt – inte som ett SEO-verktyg, utan som ett diagnostikverktyg för teknisk kvalitet.
PageSpeed Insights API – hämta Lighthouse-data programmatiskt
Istället för att manuellt öppna DevTools och köra Lighthouse för varje sida kan du hämta fullständig Lighthouse-data via API. Det öppnar upp för automatisering – och för att mata Claude Code med resultaten.
Steg 1: Skaffa en gratis API-nyckel
Gå till developers.google.com/speed/docs/insights/v5/get-started och klicka på "Get a Key". Du loggar in med ett Google-konto och aktiverar PageSpeed Insights API i Google Cloud Console. Nyckeln är gratis att använda för normala volymer.
Steg 2: Testa ett enkelt API-anrop
Det enklaste anropet ser ut så här:
curl "https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://din-sajt.se&key=DIN_API_NYCKEL"
Du får tillbaka ett JSON-objekt med Lighthouse-data för hela sidan – poäng, individuella audits, diagnostik och föreslagna åtgärder.
För att köra mobil- respektive desktopmätning specificerar du strategi:
# Mobil (standard)
curl "https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://din-sajt.se&strategy=mobile&key=DIN_API_NYCKEL"
# Desktop
curl "https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://din-sajt.se&strategy=desktop&key=DIN_API_NYCKEL"
Steg 3: Filtrera ut det relevanta
JSON-svaret är stort – ofta hundratals rader. Det du primärt är intresserad av är:
categories– poängen per kategori (performance, accessibility, seo osv.)audits– individuella tester medscore,title,descriptionochdetails
Audits med score: 0 eller score: null är de som flaggats som problem. Det är dessa du vill ha ut.
Mata Claude Code med Lighthouse-resultaten
Det här är där det blir riktigt kraftfullt. Istället för att manuellt läsa Lighthouse-rapporten och försöka åtgärda problemen ett i taget kan du dumpa resultaten direkt i Claude Code och låta den analysera och skriva lösningarna.
Arbetsflöde i praktiken
1. Hämta JSON-rapporten:
curl "https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://din-sajt.se&strategy=mobile&key=DIN_API_NYCKEL" > lighthouse-rapport.json
2. Filtrera ut misslyckade audits:
cat lighthouse-rapport.json | python3 -c "
import json, sys
data = json.load(sys.stdin)
audits = data['lighthouseResult']['audits']
failed = {k: v for k, v in audits.items() if v.get('score') is not None and v['score'] < 0.9}
for k, v in failed.items():
print(f\"--- {v['title']} (score: {v['score']}) ---\")
print(v.get('description', ''))
print()
"
3. Klistra in output i Claude Code:
Öppna Claude Code i din terminal och ge den rapporten som kontext:
Här är resultatet från Lighthouse för min sajt. Analysera problemen och föreslå konkreta kodändringar för att åtgärda dem.
Min stack är Next.js 14 med Tailwind CSS och Shopify Storefront API.
[klistra in output från steget ovan]
Claude Code kan sedan:
Identifiera vilka problem som är enkla att åtgärda (low-hanging fruit)
Skriva exakt den kod som behöver ändras – rätt komponent, rätt fil
Prioritera åtgärder efter potentiell poängpåverkan
Förklara varför varje problem existerar, inte bara hur man fixar det
Exempel på vad Claude Code kan lösa direkt
Render-blocking resources:
Om Lighthouse flaggar för JavaScript eller CSS som blockerar rendering kan Claude Code visa exakt vilka skript som behöver defer eller async, och eventuellt omstrukturera hur de laddas in.
Bilder utan dimensions-attribut (CLS):
Ett vanligt problem som orsakar layout shift. Claude Code kan gå igenom dina bildkomponenter och lägga till width och height där de saknas.
Saknad rel="noopener" på externa länkar:
En säkerhets- och best-practices-audit som Claude Code kan söka igenom din kodbas och patcha systematiskt.
Alt-texter som saknas:
Claude Code kan hitta alla <img>-taggar utan alt-attribut och antingen fylla i dem baserat på filnamn/kontext eller flagga dem för manuell granskning.
Ineffektiv cache-policy:
Lighthouse flaggar tillgångar utan långlivade cache-headers. Claude Code kan hjälpa dig konfigurera rätt headers i din next.config.js, nginx-config eller motsvarande.
Tips för ett effektivt arbetsflöde
Kör mobil och desktop separat. Problemen skiljer sig ofta åt. Mobilrapporten är generellt viktigare ur rankningsperspektiv sedan Googles mobile-first indexing.
Fokusera på Performance och Accessibility. Dessa har störst faktisk påverkan på användarupplevelse och – till viss del – rankingsignal. SEO-kategorin är bra att ha grön men bör inte vara ditt primära fokus i Lighthouse.
Automatisera regelbundna mätningar. Sätt upp ett enkelt skript som kör API-anropet varje vecka och loggar poängen. Det gör det enkelt att se om en deploy försämrat prestandan.
Ge Claude Code tillräckligt med kontext. Berätta vilken stack du använder, om det är ett CMS, Shopify, Next.js eller något annat – det avgör vilka lösningar som är relevanta.
Lita inte blint på Claude Codes lösningar. Testa i dev-miljö och verifiera att Lighthouse-poängen faktiskt förbättras. Ibland kräver Lighthouse-problem lösningar som beror på din specifika infrastruktur.
Lighthouse är ett diagnostikverktyg – inte ett mål i sig
Det är lätt att hamna i en loop av att jaga poäng för poängens skull. Undvik det. Lighthouse är ett diagnostikverktyg för att hitta tekniska problem som påverkar användarupplevelsen – och att kombinera det med Claude Code gör åtgärdsarbetet dramatiskt snabbare.
Men kom ihåg: det tekniska fundamentet är förutsättningen, inte svaret. En snabb, tekniskt felfri sajt med tunt eller irrelevant innehåll rankar fortfarande dåligt. Det är innehållet, relevansen och auktoriteten som driver trafik – och det är något som varken Lighthouse eller Claude Code kan ersätta.
Vill du ha hjälp med teknisk SEO, webbprestanda eller konverteringsoptimering för din sajt? Läs mer om hur vi arbetar på Vardagligt eller kontakta oss direkt.