Providing responsive images

As responsive websites became the norm, many performance issues have arisen when it comes to providing identical content to both mobile devices and desktop computers. One very easy way to reduce the load time of a responsive site on small devices is to provide smaller images. This is where the srcset and sizes attributes, key components of responsive images, come into play.

Getting ready

Let's start with the locations app that was used in the previous recipe.

How to do it...

Go through the following steps to add the responsive images:

...