Det här är resultat jag fick innan jag tagit några åtgärder, då tar bilderna upp väldigt mycket mer plats än nödvändigt. Som feedback ska jag använda ett modernare bildformat (WebP istället för JPEG) och minska bildstorleken eftersom den är alldeles för stor och måste skalas ner vilket minskar prestanda.
Jag började med att ändra storleken från 6000×4000 till den efterfrågade 875×583 på samtliga bilder, det gav följande resultat:
Som man ser så minskade bildernas samanlagda storlek drastiskt från över 10 000 KiB till 1 000 KiB, “largest contentful draw” gick även från 55.3 sekunder ner till 5.9 sekunders, dock så gick prestanda värdet från ~70 till ~60 (på PageSpeed Insights).
Slutligen så ändrade jag även bildformat till WebP. Resultatet blev följande:
Filstorleken på bilderna minskade igen, om än 25%. Däremot så gick prestanda värdet upp till 89, alltså precis innan grönmarkering vilket fortfarnade är bra.
Jag tänkte först även komprimera Webp filerna eftersom jag fortfarande kan “Öka bildkomprimeringsfaktorn” men jag hittade inget smidigt sätt att göra det så jag nöjer mig. Resultat blev fortfarande större än jag förväntade och om det är något man ska åtgärda så är det själva bildstorleken: undvik att ha bilder med högre upplösning än vad ska skall användas.
Leave a Reply