Billedoptimering

Silktide downloader billederne på dine sider og tester, om de kan gøres væsentligt mindre uden at ændre dem synligt. Billeder, der kan reduceres, rapporteres sammen med den mulige besparelse, så du kan prioritere de største gevinster.

Hvorfor det er vigtigt

Billeder udgør som regel størstedelen af en websidevægt, så de er typisk den største enkeltstående mulighed for at forbedre ydeevnen. Overdimensionerede billeder gør sider langsommere at vise, hvilket målbart øger antallet af besøgende, der forlader siden – især på mobile forbindelser – og koster dine besøgende reel båndbredde og batteri. Sidehastighed påvirker også placeringen i søgeresultaterne gennem .

I modsætning til det meste arbejde med ydeevne indebærer billedoptimering sjældent kompromiser: Et korrekt komprimeret billede ser ens ud og fungerer ens. Det er næsten gratis ydeevne.

Sådan løser du det

Komprimér de rapporterede billeder. Næsten alle billedværktøjer kan gøre dette ved eksport; fotografier bør generelt være JPEG med omkring 85 % kvalitet, hvilket sparer meget filstørrelse med minimalt synligt tab.
Brug det rigtige format: JPEG (eller WebP/AVIF) til fotografier; PNG eller SVG til logoer, ikoner og anden grafik med flade farver. Moderne formater som WebP og AVIF er bedre end begge dele, hvor din platform understøtter dem.
Automatisér det. De fleste , build-pipelines og kan komprimere og konvertere billeder ved upload eller ved levering – ved at rette pipelinen undgår du, at problemet opstår igen.
Lever billeder i den størrelse, de vises i, ved at bruge responsive billeder (srcset) i stedet for at sende ét stort billede til alle enheder:

<img src="hero-800.jpg"
     srcset="hero-800.jpg 800w, hero-1600.jpg 1600w"
     sizes="(max-width: 800px) 100vw, 800px"
     alt="Vingård ved solnedgang">

Sådan tester Silktide dette

Indsaml de billeder, som hver side faktisk indlæser.
Genkomprimér hvert billede med teknikker, der passer til formatet: progressiv JPEG med 85 % kvalitet, tabsbelagt og tabsfri PNG-genkomprimering, SVG- og GIF-genoptimering.
Sammenlign det bedste resultat med originalen. Et billede rapporteres kun, når besparelsen er væsentlig: Mere end 20 % mindre og mere end 40 KB sparet.
Rapportér den mulige reduktion for hvert billede, så de største besparelser træder frem.

Fejlfinding

Billedet ser allerede komprimeret ud

Den rapporterede besparelse er målt, ikke estimeret – Silktide har faktisk produceret en mindre fil. Almindelige årsager til, at et tilsyneladende optimeret billede stadig kan reduceres med 20 %, omfatter indlejrede metadata, ikke-progressiv JPEG-kodning og PNG'er, der bruges til fotografier.

Vi bruger et CDN, der optimerer billeder

Silktide tester det, som siden faktisk leverede, så hvis et rapporteret billede gik gennem dit CDN, blev den optimering enten ikke anvendt eller var ikke tilstrækkelig. Kontrollér CDN'ets indstillinger for de berørte stier eller formater.

Besparelsen virker lille

Billeder, der er inden for 20 % eller 40 KB af det optimale, rapporteres ikke. Hvis en rapporteret besparelse ser lille ud, så husk, at den gælder for hver sidevisning for hver besøgende.