Optimerade bilder


Här är kritiken jag fått på skogsidan om bildernas storlek och format:

För att förbättra prestandan så kan jag minska storleken på bilderna så att de är lika stora som de visas på skärmen. Jag kan även ändra bilderna till nytt format, från jpg till ex. WebP

efter att endast ha ändrat bildernas storlek fick jag dessa resultat:

och efter att både ändrat storlek och format så får jag dessa resultat:

Resultaten blev lite oväntade, som vi ser så fick jag bättre resultat när bilderna var i äldre format (jpg)

dock så ser vi nu att kritiken nästan bara är på layoutförskjutningar och att jag inte har en meta-viewport tagg

När jag sett till så att bilder och element har en bestämd storlek i koden så får jag dessa resultat:

som vi ser, 100 vackra poäng på prestanda.

Men tillgängligheten är även den en fiende som måste besegras (den tappra kampen mot pagespeed insight fortsätter i kommande blogginlägg)


Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *