Summary

In this chapter, we covered briefly what responsive design is, and more importantly, why it's so important in today's webscape.

Responsive web design helps us create a more uniform appearance across an array of devices, and leaves users feeling more familiar with a brand, regardless of the device they're using to interact with it.

Code is kept together in one place and negates the need to maintain multiple pages or documents for one website.

Code that has not been optimized and reckless content download can cause websites that look great to feel terrible. This could potentiality cause users to leave the site before it's even done loading. In some cases, it may even cost you money. With all of that out of the way, let's get practical and start improving our responsive website's performance. We'll look at the placement of our resources, how to avoid common mistakes with <image> tags, and some other great techniques that we can apply instantly to see an improvement in website load times.