Hvorfor billedoptimering er kritisk
En tung side er lig med tabte besøgende. Brugere taber tålmodigheden på sekunder, søgemaskiner straffer dig med lavere rangering. Simpelt: Billeder udgør ofte 60 % af den samlede vægt. Så hver kilobyte tæller.
Komprimering uden kvalitetstab
Stop med at uploade billeder direkte fra kameraet. Kutter, komprimer, gem som WebP eller AVIF. Her er forskellen mellem “okay” og “perfekt”. Tab din tid på at justere indstillingerne – resultatet er lynhurtigt loading. Vælg lossless hvis du har grafik med tekst, ellers lossy for fotos.
Lossless vs lossy
Lossless bevarer hver pixel. Perfekt til logoer. Men filstørrelsen kan stadig halve sig med en simpel gzip. Lossey slår lidt af billedkvaliteten, men giver en 70 % reduktion i størrelse. Husk: Kvaliteten skal stadig se skarp ud på 2× Retina‑skærme.
Dimensionering og responsive billeder
Ingen mening med et 3000 px bredt billede på en mobilskærm. Brug srcset og sizes. Server kun den størrelse, der er nødvendig. Så sparer du både båndbredde og CPU‑tid. Og: Undgå automatisk skalering i HTML – den tager kun tid.
Cache og CDN
Cache er din bedste ven. Indstil lang levetid på billed‑headers. Så henter browseren kun én gang. Kombiner med et CDN – nær brugeren, hurtigere levering. Glem ikke at invalidere cachen ved opdateringer, ellers viser du gamle filer.
Alt‑tekst og SEO
Alt‑tekst er ikke kun for tilgængelighed. Den giver søgemaskiner kontekst og kan booste din placering. Skriv kort, præcis, brug primære søgeord. Undgå keyword‑stuffing – Google straffer dig for at overdrive. En god praksis er at inkludere en handling, fx “køb håndlavede keramik”.
Hvis du vil have en hurtig start, så prøv bethjemmesider.com – de har et værktøj, der automatisk konverterer dine billeder til WebP, justerer dimensioner og tilføjer de rette cache‑headers. Implementér det i dit næste projekt, og se hastigheden stige med et spring.
Handling nu: Gå til din billedmappe, vælg den største fil, konverter til WebP, opret srcset‑attributter, og sæt en lang cache‑tidsramme. Det er alt.