search

christoph3r3w / user-experience-enhanced-website

Ontwerp en maak een website voor een opdrachtgever waarbij je de website verrijkt volgens het principe van progressive enhancement
https://user-experience-enhanced-website-c3ht.onrender.com
MIT License
1 stars 0 forks source link

Performance test #5

Closed Hadil66 closed 4 months ago

Hadil66 commented 5 months ago

Je hebt zowel bij de desktop als bij de mobile version een hoge score bij de cumulative layout shift, namelijk 0.014 op mobile en 0.013 op desktop. Ook maak je goed gebruik van lazy loading.

Lazy loading & layout shift

PageSpeed Insights

Het is ook misschien handig om het picture element te gebruiken om een img heen. Het wordt gebruikt om verschillende versies van een afbeelding weer te geven, zoals avif en webp.

Picture MDN

christoph3r3w commented 4 months ago

Bedankt, ik zal deze tips in mijn volgende iteratie toepassen.