Book Image

Responsive Web Design with HTML5 and CSS3

By : Ben Frain
5 (1)
Book Image

Responsive Web Design with HTML5 and CSS3

5 (1)
By: Ben Frain

Overview of this book

Table of Contents (17 chapters)
Responsive Web Design with HTML5 and CSS3 Second Edition
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Performance


Considering the performance of your responsive web designs is as important as the aesthetics. However, performance presents something of a moving target. For example, browsers update and improve the way they handle assets, new techniques are discovered that supersede existing 'best practices', technologies eventually get enough browser support that they become viable for widespread adoption. The list goes on.

There are however, some basic implementation details that are pretty solid (well, until HTTP2 is common place, more of which shortly). These are:

  1. Minimize the number of assets (for example, don't load 15 JavaScript files if you concatenate them into one).

  2. Minimize the page weight (if you can compress images to a fraction of their original size you should).

  3. Defer non-essential assets (if you can put off loading CSS and JavaScript until the page has rendered it can greatly increase the perceived load time).

  4. Ensure the page is usable as soon as possible (usually a by-product of...