Introduktion
I den här artikeln tittar vi på faktorer som påverkar sidans hastighet och bildkomprimering. Vi använder Lighthouse för att se hur vår egen webbplats står sig mot de bästa metoderna som Google rekommenderar.
Vad är Lighthouse?
Lighthouse är ett verktyg från Google som hjälper dig att förbättra din webbplats prestanda, tillgänglighet och användbarhet.
För att köra det, besök https://developers.google.com/web/tools/lighthouse/
Du kan ange valfri URL i adressfältet för att se hur Googlebot kommer åt sidan och vilka poäng sidan får.
Så använder du Lighthouse
För att köra Lighthouse i Chrome, högerklicka på en sida och välj Inspektera. Du hittar fliken Lighthouse i samma verktygsfält som Element, Console och Recorder.
Du kan också besöka https://developers.google.com/web/tools/lighthouse/ och köra det online.
För att bestämma optimal bildstorlek för din webbplats rekommenderar Google att testa olika storlekar på olika enheter och webbläsare. Generellt rekommenderar Google att dina bilder bör vara mellan 0,5 MB och 2 MB — du behöver alltså inte enorma bilder för att webbplatsen ska se bra ut. Om en bild är för stor kan det avsevärt sakta ner laddningstiden — så hitta en bra balans mellan kvalitet och filstorlek!
Lighthouse-poäng delas upp i fem huvudkategorier:
Performance – hur snabbt sidan laddar och reagerar.
Accessibility – hur tillgänglig sidan är för användare med hjälpmedel (t.ex. skärmläsare).
Best Practices – säkerhet, moderna webblösningar och korrekt implementation.
SEO – hur väl sidan är optimerad för sökmotorer.
Progressive Web App (PWA) – om webbplatsen uppfyller kriterierna för att fungera som en PWA (t.ex. service workers, manifest, offline-stöd).
Slutsats
I den här artikeln har jag förklarat grunderna i vad Lighthouse är och hur du använder det. Jag har även visat hur du tolkar bildkomprimering och sidans hastighet med hjälp av Lighthouse. Det är ett utmärkt verktyg för alla som vill göra sin webbplats snabbare, effektivare och enklare för besökare att ladda på alla typer av enheter!