Day 12 of⚡️ #30DaysOfWebPerf ⚡️
Image Loading for the Lazy™️
You might have looked at all that srcset, sizes, and picture stuff and been like "NOPE". I am here to tell you there is hope for you yet.14:02 PM - 23 Nov 2019
[gif alt: Princess Leia projection saying Help me, Obi-Wan Kenobi. You're my only hope. COME ON TWITTER JUST ADD SOME SORT OF A11Y SOLUTION FOR GIFS.]14:02 PM - 23 Nov 2019
Some other options:
- Use a server or serverless function to serve the right file (one option: aws.amazon.com/solutions/serv…)
- Use a webpack loader that generates the srcsets, etc. for you (share your rec's if you've used one you like!)
- Just use @cloudinary ...14:02 PM - 23 Nov 2019
You can even test your site using this tool by Cloudinary which will evaluate the optimization potential.
You'll get a score, total potential savings, and detailed results on each image.
Try it out!
webspeedtest.cloudinary.com14:02 PM - 23 Nov 2019
Top comments (0)