Fast and Beautiful: Modern Image Delivery Techniques
Key takeaways
- Optimizing images saves tons of data, and will speed up the delivery of your content.
- We'll look at the state of images on the web today, and how optimization affects load time
- We'll talk a bit about animated GIFs and how they should be optimized.
- You'll come away with a good understanding of the state of images today - and how optimize the images on your website or mobile app.
The average mobile website page weight is ~50% images. Toss in the complication of thousands of differently sized screens, and it might appear that efficient delivery of images to every device is an impossible task. But all is not lost! In this talk, we’ll examine strategies to send the perfect image to every device, ensuring a fast, beautiful rendering of your content. We’ll look at progressive images, placeholder images, lazy loading and other techniques and real world examples that will improve the usability of your site or app. Attendees will come away with an understand of the current ‘state of the art’ for optimizing visual content on the web.