Så fixar du Efficiently encode images i PageSpeed Insights

Efficiently encode images är en komprimeringskontroll, inte en layoutkontroll. PageSpeed Insights tittar på varje JPEG, PNG och WebP på sidan och uppskattar hur många kilobyte du kan slopa genom att koda om vid liknande synlig kvalitet. Den säger inte att fotot har fel format, och den säger inte att pixlarna är för stora - det är andra granskningar (Serve images in next-gen formats och Properly size images).

Rapporten namnger filerna. Du måste ändå hämta de originalen från din sajt eller ditt CMS, koda om dem och lägga tillbaka de mindre kopiorna. EditItAll crawlar inte din URL och pratar inte med PageSpeed Insights. Den gör bara omkodningen, i webbläsaren.

Öppna JPEG-komprimeraren (eller matchande PNG- / WebP-verktyg om det är vad rapporten listade) och släpp in de tunga originalen:

• Lämna kvaliteten nära 80 för fotografier. Det är vanligtvis omöjligt att skilja på skärm och samma spann som JPEG-kvalitetsguiden rekommenderar.
• Om ett foto är tusentals pixlar brett men visas på en bråkdel av det, sätt maxmått till 1920 eller 1280 - det är de riktiga alternativen i komprimeraren. Överstora pixlar är den andra halvan av sidvikten; se komprimera JPEG för webben.
• Läs in → ut-storleken i resultatsistan. Fortfarande för stor? Sänk kvaliteten ungefär tio steg och kör igen. Det finns ingen ruta “komprimera till N KB” - storlek är en utdata.

Exportera, ladda ner, byt ut filerna på servern eller i CMS:et och kör sedan PageSpeed Insights igen. Allt stannade på enheten; du kan gå offline när sidan har laddats. EXIF tas bort vid export.

Om besparingen ser liten ut efter en JPEG-omkodning kan PageSpeed Insights också be om ett modernt format. WebP och AVIF slår vanligtvis JPEG vid samma synliga kvalitet. Konvertera en kopia med JPG till WebP eller WebP-komprimeraren och jämför de angivna storlekarna. Behåll en JPEG-reserv om du fortfarande betjänar äldre webbläsare.

PNG-foton hör nästan aldrig hemma på en webbsida. Konvertera dem till JPG eller WebP; förlustfri PNG-omkomprimering krymper inte ett fotografi nämnvärt. Klustret komprimera bilder går djupare in på formatvalet.

Omkodning får inte en 4000-pixel hjältebild att passa i en 800-pixel lucka - det är Properly size images, och det kräver en mindre pixelstorlek. Den lazy-loadar inte bilder under vecket och skriver inte srcset åt dig. EditItAll kan heller inte träffa ett kilobytemål automatiskt eller ta bort JPEG-artefakter som redan sitter i filen. Komprimera en gång från originalet, sedan sluta.