Skogssidan är gjord för att visa hur mycket bilder kan påverka sidans prestanda och laddtid. Innan någon optimering har gjorts är bilderna totalt runt 10MB stora och sidan tar nästan 10 sekunder innan den har laddats in helt. Detta kan man också se på testet nedan
Bilderna har ingen höjd och bredd satt så hela bilden på 6000×4000 måste laddas in och skalas ner. Jag behöver därför ändra storleken på bilderna så att de går snabbare att ladda.
Resultat efter optimering
Efter att ha endast komprimerat bilderna och inte ändrat höjd och bredd så har jag totalt sparat 25% plats.
Laddtiden är fortfarande inte som önskad men har ändå gått från 9.2s till 6.9s vilket är en tydlig förbättring.
Nu har jag ändrat höjd och bredd på bilderna från 6000×4000 till 600×400, detta gjorde störst skillnad
Nu är laddtidden för bilderna endast en femtondel än när jag började. Minskade med 6.3 sekunder från dom komprimerade bilderna. Hela resultatet på sidan blev också bättre, från 57 i betyg på sidan med komprimerad html till hela 82 i betyg med den med optimerade bilder + komprimerad html.
Det blev en stor skillnad eftersom bilden nu i princip är så stor som den ska vara när den visas. Filerna är nu ihop endast 384 KB istället för 10 MB. Dessa tester visar att det är viktigt att både komprimera men även ha bilderna i rätt storlek för visning. Det tar väldigt lång tid att ladda in stora bilder.
Leave a Reply