O'Reilly logo

Responsive Web Design with jQuery by Gilberto Crespo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Reducing the size of payloads

After removing extra HTTP requests, it's time to reduce the size of remaining files as much as possible. Not only does this make your pages load faster but it also helps save bandwidth consumption.

Minimizing the payload size of both dynamic and static resources can reduce network latency significantly.

We will look at some practices to achieve this, such as Progressive JPEG, adaptive images, image optimization, and better use of HTML5 and CSS3.

Progressive JPEG

Progressive JPEG is not new. It was considered one of the best practices. However, with the improvement of Internet speed, this feature became unnoticeable for a while. But now, with limited bandwidths on mobile devices, this practice has surfaced again.

The difference ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required