Tim Kadlec

Mike McCall

Nick Doyle

Guy Podjarny

Yoav Weiss

Colin Bendell

High-quality images have an amazing power of attraction. Just add some stunning photos and graphics to your website or app and watch your user engagement and conversion numbers climb. It can be tricky, but with this practical guide, you’ll master the many facets of delivering high performance images on the internet—without adversely affecting site performance. You’ll learn the nuts and bolts of color theory, image formats, storage and management, operations delivery, browser and application behavior, the responsive web, and many other topics. Ideal for developers, this book also provides useful tips, tricks, and practical theory for processing and displaying powerful images that won’t slow down your online product. Explore digital image theory and the different formats available Dive into JPEGs, SVG and vector images, lossless compression, and other formats Use techniques for downloading and rendering images in a browser, and for loading images on mobile devices and cellular networks Examine specific rendering techniques, such as lazy loading, image processing, image consolidation, and responsive images Take responsive images to the next level by using content negotiation between browser and server with the Client Hints HTTP standard Learn how to operationalize your image workflow Contributors include Colin Bendell, Tim Kadlec, Yoav Weiss, Guy Podjarny, Nick Doyle, and Mike McCall from Akamai Technologies.

Shrink, Load, and Deliver Images for Speed

High Performance Images

Is Responsive Web Design (RWD) slowing your site down? It doesn’t have to. With this concise book, you’ll learn practical techniques for improving performance with RWD, including a default set of guidelines you can use as an easy starting point. Web performance researcher and evangelist Guy Podjarny walks you through several existing solutions for dealing with RWD performance problems, and offers advice for choosing optimizations that will be most useful for your needs. RWD performance problems stem from excessive downloads of resources, including images, JavaScript and CSS, and HTML—downloads designed to let your web application adapt to different screen sizes. Podjarny presents a series of increasingly larger-scope solutions to each issue, including client-side techniques and RESS (Responsive + Server Side Components). Address performance issues by starting with Podjarny’s default guidelines Use a JavaScript image loader and an image transcoding service to create Responsive Images Reduce JavaScript and CSS downloads with asynchronous scripts, conditional loading, and multi-viewport CSS Prioritize resources to avoid excess content in RWD and defer the load of any content that’s not critical Explore server-side Adaptive Delivery and RESS solutions as an alternative to “pure” RWD Guy Podjarny, or Guypo for short, is the Chief Technology Officer (CTO) of Akamai’s Web Experience business unit.

Implementing High-Performance Responsive Design

Responsive & Fast

Guy Podjarny

About

Books

Join the club