Leverage the power of responsive design to fine-tune your website's performance and increase its speed
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.
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
Downloading the example code for this book. You can download the example code files for all Packt books you have purchased from your account at http://www.PacktPub.com. If you purchased this book elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.