Improving Performance with Responsive Images

With David Newton in the Advanced Developer track

Speaker notes from the presentation

I will be speaking about the web’s hunger for more, bigger, and higher-resolution images, and the performance problem this creates. I’ll give a brief history of the new (and occasionally controversial) `picture` element, and discuss some other exciting new standards and techniques that are on the horizon. Attendees can expect concrete examples of how `picture` works, and to learn how they can use responsive (and responsible!) images right now to improve performance and deliver the best possible experience to their users.

Learning Outcomes

  • Design with performance in mind
  • Improve site performance with responsive images
  • Integrate responsive images into existing and new WordPress themes
  • Use the WordPress plugin API to automatically resize images for different viewports and screen resolutions