Responsive Design High Performance

Leverage the power of responsive design to fine-tune your website's performance and increase its speed

About This Book

• Learn useful quick fixes to improve your website's performance
• Efficiently reduce the clutter in your code
• Become familiar with artefacts that could slow down your website

Who This Book Is For

This book is ideal for developers who have experience in developing websites or possess minor knowledge of how responsive websites work. No experience of high-level website development or performance tweaking is required.

What You Will Learn

• Develop good habits when placing DOM elements, resources, and become familiar with DNS-Prefetching
• Understand how images affect your site's performance and learn the limitations
• Get to grips with style sheets, media queries, and viewports
• Take control of HTTP requests and learn how to keep them to a minimum
• Understand the origin of responsive design
• Improve your development time by learning about new tools
• Discover some in-browser developer tools and learn how they help gauge performance

In Detail

Creating a speedy, user-friendly, and uniform experience across different devices has been a challenge with responsive design. 72 percent of responsive websites deliver the same volume of bytes irrespective of the device or screen size, which makes it difficult for sites to load on slow websites.

We will start with an overview of all of the workable aspects of responsive design, and then we will quickly focus on practical things that we can start doing without much effort to get our site performing better than ever before on different types of devices. We will then get into one of the most important aspects of websites: managing images. Since we need our images to display nicely and also load quickly across all devices such as computer, mobile, tablet, and so on, we will look at ways to do so in this book.