How to optimize Magento 2 page experience on desktops and mobiles?
One of the most effective ways to improve your Magento 2 page experience is the Google Page Speed Optimizer extension. And here’s how it can help:
1. Performance evaluation
You'll be able to use the built-in diagnostics tool: the Page Speed module will process the information provided by Google Insights and provide each issue with detailed tweaking tips. You'll see your store's pre-optimization performance both for desktops and mobiles. Following step-by-step instructions, you'll be able to optimize page performance. Here's a video guide on how to use it:
2. Code optimization
Store performance is increased with Google PageSpeed Insights and GTmetrix tools by optimizing Javascript, CSS, and HTML content.
3. Image optimization
Image optimization makes web pages load faster, helps improve the user experience and attract new customers by improving SEO-positioning and overall performance of your store. The Page Speed extension allows you to use next-gen image formats, adjust resolutions for different devices, create super-fast mobile pages and carry out a few more image manipulations for peak performance.
4. Loading process optimization
The extension allows postponing the initialization of the object until it is needed to clear the pagespeed cache and provides smart image fetching with User Agent to automatically pre-load properly optimized images for any device. You benefit from all the best practices for optimizing page experience at once.
See more details on Google Page Speed Optimizer page