Build resilient systems at scale
28–30 October 2015 • Amsterdam, The Netherlands

High performance images: Beautiful shouldn't mean slow

Guy Podjarny (Snyk)
11:30–13:00 Wednesday, 28/10/2015
Tutorial
Location: G102/103
Average rating: ****.
(4.33, 33 ratings)

Prerequisite Knowledge

Basic HTTP, HTML & JS skills.

Materials or downloads needed in advance

Just a presentation.

Description

The web is becoming increasingly image rich. Between high-resolution mobile screens, Pinterest-style design, and big background graphics, the average image payload has more than doubled in the last three years. While visually appealing, these images carry a substantial performance cost, and — if not optimized correctly — can make a web experience slow and painful, no matter how beautiful it is.

In this tutorial we’ll discuss ways that let you provide the eye-pleasing experience you want without sacrificing your site’s performance.You’ll learn about the three primary aspects of image optimization:

  • Image compression: how to best encode your images, delivering the same picture with the fewest bytes
  • Image loading: once your files are as small as they can be, we’ll cover the best ways to make them show up quickly in the browser
  • Operationalizing image optimization: different tools and techniques for integrating image optimization on your site
Photo of Guy Podjarny

Guy Podjarny

Snyk

Guy Podjarny is a cofounder and CEO at Snyk.io, where he focuses on securing open source code. He was previously CTO at Akamai and founder of Blaze.io. He also worked on the first web app firewall and security code analyzer. Guy is a frequent conference speaker, the author of Responsive & Fast, High Performance Images, and the upcoming Securing Third Party Code, and the creator of Mobitest. He also writes on Guypo.com and Medium.