DEV Community

Discussion on: How to Improve Lighthouse Score - Performance

Collapse
 
kelston3 profile image
Kenny Elston

Really great article! I am going to start using the suggestions on font-awesome and purge css today; I also love cloudinary too! I may be off, but I was wondering if Cloudinary switched the image type for you between jpg and webp? Thanks so much for the helpful article; it’s just in time for something I’m working on today

Collapse
 
lindaojo profile image
Linda

Hey Kenny, I switched between image formats within the picture tag as shown below.

<picture>
    <source alt="Angela's cat, Bandit" srcset="https://res.cloudinary.com/lindaojo/image/upload/v1607603313/Performance_f1zvh8.webp" type="image/webp">
    <img alt="Angela's cat, Bandit" src="https://res.cloudinary.com/lindaojo/image/upload/v1607603313/Performance_f1zvh8.jpg">
</picture>
Enter fullscreen mode Exit fullscreen mode