Understanding what responsive images are and a basic understanding of what is lazy or progressive loading.
We will look at the current state of responsive and lazy-loaded images on the web. We will see at the multiple ways of achieving these techniques in Drupal using a combination of contributed modules and Drupal 8 core modules. We will also look at the results of several benchmark tools before and after we apply the techniques covered. For responsive images, we will see how far we can get using just Drupal 8 core modules and what are the main use cases for responsive images. For lazy loading images, we will look at multiple contributed modules that let you achieve this technique and how to implement this on the theming level. As a special treat, we will showcase a custom solution we used for responsive lazy-loaded images in one of our projects. The best formats and ways to optimize images will also be covered in this presentation, we will go over formats and different types of compression we can use to deliver our images faster to users.