Optimalisering av bilder

Silktide laster ned bildene på sidene dine og tester om de kan gjøres betydelig mindre uten at de endres synlig. Bilder som kan reduseres, rapporteres sammen med den mulige besparelsen, slik at du kan prioritere de største gevinstene.

Hvorfor dette er viktig

Bilder utgjør vanligvis mesteparten av vekten til en nettside, så de er som regel den største enkeltstående muligheten for bedre ytelse. For store bilder gjør at sider vises saktere, noe som målbart øker frafallet – spesielt på mobilforbindelser – og bruker opp mer av de besøkendes datamengde og batteri. Sidehastighet påvirker også søke rangeringen gjennom .

I motsetning til det meste annet ytelsesarbeid innebærer bildeoptimalisering sjelden kompromisser: Et riktig komprimert bilde ser likt ut og fungerer likt. Det er ytelsesforbedring som nesten er gratis.

Slik løser du det

Komprimer de rapporterte bildene. Nesten alle bildeverktøy kan gjøre dette ved eksportering. Fotografier bør vanligvis være JPEG med rundt 85 % kvalitet, noe som reduserer filstørrelsen mye med minimalt synlig tap.
Bruk riktig format: JPEG (eller WebP/AVIF) for fotografier; PNG eller SVG for logoer, ikoner og annen grafikk med flate farger. Moderne formater som WebP og AVIF er bedre enn begge disse der plattformen din støtter dem.
Automatiser det. De fleste , byggeprosesser og kan komprimere og konvertere bilder ved opplasting eller levering – hvis du løser problemet i prosessen, kommer det ikke tilbake.
Lever bilder i størrelsen de vises i, ved å bruke responsive bilder (srcset) i stedet for å sende ett enormt bilde til alle enheter:

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

Slik tester Silktide dette

Samle inn bildene som hver side faktisk laster inn.
Komprimer hvert bilde på nytt med teknikker som passer til formatet: progressiv JPEG med 85 % kvalitet, komprimering av PNG med og uten kvalitetstap, av SVG og ny optimalisering av GIF.
Sammenlign det beste resultatet med originalen. Et bilde rapporteres bare når besparelsen er betydelig: mer enn 20 % mindre og mer enn 40 KB spart.
Rapporter den mulige reduksjonen for hvert bilde, slik at de største besparelsene blir tydelige.

Feilsøking

Bildet ser allerede komprimert ut

Den rapporterte besparelsen er målt, ikke beregnet – Silktide har faktisk produsert en mindre fil. Vanlige grunner til at et tilsynelatende optimalisert bilde fortsatt kan reduseres med 20 %, er innebygde metadata, JPEG-koding uten progressiv visning og PNG-filer brukt til fotografier.

Vi bruker en CDN som optimaliserer bilder

Silktide tester det siden faktisk leverte. Hvis et rapportert bilde gikk gjennom CDN-en din, ble denne optimaliseringen enten ikke brukt eller var ikke tilstrekkelig. Kontroller CDN-ens innstillinger for de berørte banene eller formatene.

Besparelsen virker liten

Bilder som er innenfor 20 % eller 40 KB av det optimale, rapporteres ikke. Hvis en rapportert besparelse virker liten, bør du huske at den gjelder ved hver sidevisning for hver besøkende.