Dynamic Srcset Images
Dynamic Srcset takes advantage of the modern browser's native ability to choose the most appropriate image using the 'srcset' attribute. This attribute allows defining a list of different image resources and size information so that the browser can pick the most appropriate image based on the actual device's resolution. The new system is developed without the use of Ajax calls, as previously done by Adaptive Images.
The Adaptive Images creates responsive cropped images and serves only the appropriate version depending on the visitor’s viewport and device. Different visitors have different devices (laptops, mobile phones, tablets), each with its screen resolution. The Adaptive Images considers the device’s resolution and then serves the right-sized image for each situation.
By activating the option Apache Server Configs inside Theme Options > Performance you can use the HTML5 boilerplate for the file .htaccess. This will add a collection of boilerplate configurations that can help your server improve the website’s performance and security, while also ensuring that resources are served with the correct content type, and are accessible.
Important: Should you experience a malfunction of any kind after having activated this option, you can resolve the problem this way: Find the file .htaccess inside the root folder of WordPress and remove the content between the tags # BEGIN HTML5 Boilerplate and # END HTML5 Boilerplate. Save the file, return to the Performance options, deactivate it, and save the options.
Activate this to switch to production mode, the CSS and JS will be cached by the browser and the JS minified.
Optimize for speed & performance
If you are interested in performance tips please follow this article:
If you are interested in image optimisation tips please follow this article: