Providing responsive images

As responsive websites have become 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. We'll also want to update the administration settings accordingly, and to make sure to run migrations for the locations app as well. Then we can add a large image for the location previously created.

...