Bildoptimering

Silktide laddar ner bilderna på dina sidor och testar om de kan göras betydligt mindre utan att de förändras synligt. Bilder som kan minskas rapporteras tillsammans med den möjliga besparingen, så att du kan prioritera de största vinsterna.

Varför detta är viktigt

Bilder utgör vanligtvis den största delen av en webbsidas storlek, så de är oftast den största enskilda möjligheten att förbättra prestandan. För stora bilder gör att sidor visas långsammare, vilket mätbart ökar avhoppen – särskilt vid mobila anslutningar – och förbrukar mer av besökarnas datamängd och batteri. Sidans laddningshastighet påverkar också sökrankningen genom .

Till skillnad från det mesta prestandaarbetet innebär bildoptimering sällan några kompromisser: en korrekt komprimerad bild ser likadan ut och fungerar likadant. Det är nästan kostnadsfri prestanda.

Så åtgärdar du det

Komprimera de rapporterade bilderna. Nästan alla bildverktyg kan göra detta vid export; fotografier bör i allmänhet vara JPEG med cirka 85 % kvalitet, vilket sparar mycket filstorlek med minimala synliga kvalitetsförluster.
Använd rätt format: JPEG (eller WebP/AVIF) för fotografier; PNG eller SVG för logotyper, ikoner och annan grafik med plana färger. Moderna format som WebP och AVIF ger bättre resultat än båda där din plattform stöder dem.
Automatisera det. De flesta , byggpipelines och kan komprimera och konvertera bilder vid uppladdning eller leverans – genom att åtgärda pipelinen förhindrar du att problemet återkommer.
Leverera bilder i den storlek de visas i och använd responsiva bilder (srcset) i stället för att skicka en enorm bild till varje enhet:

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

Så testar Silktide detta

Samla in de bilder som varje sida faktiskt laddar.
Komprimera varje bild på nytt med tekniker som passar dess format: progressiv JPEG med 85 % kvalitet, förstörande och icke-förstörande PNG-komprimering, SVG- och omoptimering av GIF.
Jämför det bästa resultatet med originalet. En bild rapporteras endast när besparingen är betydande: mer än 20 % mindre och mer än 40 KB sparat.
Rapportera den möjliga minskningen för varje bild, så att de största besparingarna framhävs.

Felsökning

Bilden ser redan komprimerad ut

Den rapporterade besparingen är uppmätt, inte uppskattad – Silktide har faktiskt skapat en mindre fil. Vanliga orsaker till att en till synes optimerad bild ändå kan minskas med 20 % är inbäddade metadata, icke-progressiv JPEG-kodning och PNG-filer som används för fotografier.

Vi använder ett CDN som optimerar bilder

Silktide testar det som sidan faktiskt levererade, så om en rapporterad bild passerade genom ditt CDN tillämpades optimeringen antingen inte alls eller var den inte tillräcklig. Kontrollera CDN:ets inställningar för de berörda sökvägarna eller formaten.

Besparingen verkar liten

Bilder som ligger inom 20 % eller 40 KB från optimal storlek rapporteras inte. Om en rapporterad besparing verkar liten, kom ihåg att den gäller vid varje sidvisning för varje besökare.