Responsive Images Techniques and Beyond

Web Performance
Location: Palace Suite - Buckingham Room Level: Advanced
Average rating: **...
(2.72, 53 ratings)
Slides:   external link

Responsive Web Design is arguably the best way to create sites for a large variety of devices and responsive images are essential for creating high performance responsive Web sites, yet current techniques come with their own set of performance trade-offs. Which of the current solutions best fits your needs?

In the last couple of years Web developers tried relentlessly to make responsive images a reality in today’s Web, with various client-side and server-side hacks. At the same time, the Web community, lead by the Responsive Image Community Group, have worked hard to promote a native solution, by defining the various use-cases that a responsive images solution must solve, finding the right solutions, specifying and standardizing them and trying to get them implemented in browsers.

In this tutorial we will cover the responsive images subject end-to-end including:

  • The different use-cases that Web developers need addressing
  • The performance costs of sending large images to narrow viewports
  • The current techniques, and their performance trade-offs.
  • The various standard proposals that address the different use-cases, and the technical challenges they face
  • The implementation status of the different proposals
Photo of Yoav Weiss

Yoav Weiss

Akamai

Yoav Weiss is a principal architect at Akamai, where he focuses on making the web platform faster by adding performance-related features to browsers as well as to Akamai’s CDN. Yoav has been working on mobile web performance for longer than he cares to admit. He takes image bloat on the web as a personal insult, which is why he joined the Responsive Image community group and implemented the various responsive images features in Blink and WebKit. When he’s not writing code, he’s probably slapping his bass, mowing the lawn in the French countryside, or playing board games with his family.

Sponsors

Sponsorship Opportunities

For exhibition and sponsorship opportunities at Velocity conference, contact Gloria Lombardo at +1 (203) 381-9245 or glombardo@oreilly.com

Media Partner Opportunities

For information on trade opportunities with O'Reilly conferences contact Jaimey Walking Bear at mediapartners
@oreilly.com

Contact Us

View a complete list of Velocity Europe 2013 contacts