Having a fast loading page speed is key for a successful website. This is both important for SEO but additionally for the customer experience on the website. A slow page speed will frustrate the website visitors and might cost conversions.
But don't worry, we've collected five tips to optimize your page speed with Mono:
1. Enable Google Page Speed
The first step to optimize page speed is enabling the Google PageSpeed functionality under Settings in the Editor. Doing this will help optimize your site for scoring better on Google's 'PageSpeed Insights' tool every time you publish your website and the site will follow Google’s speed suggestions by changing some of the outputted data.
2. Enable Lazy Loading for images
Enabling lazy loading for your website images will improve your page speed. By enabling this feature only visible images will be loaded which ensures that the website won't be too heavy to load.
Lazy loading images will impact the way images load on the following modules and pages: Gallery, Image, Image List, Price List, Blog Catalog, Blog Post page, Product Catalog, Product page, Product Checkout pages.
3. Avoid heavy images
Images are very important for a website's visual expression and the user experience but be aware of the image sizes. The bigger the better is definitely not the case here - having too heavy images will slow down page speed. Vary the image sizes based on what they're used for on the website e.g. cover photo's will be heavier than product photos. By choosing the right image format, you can optimize file sizes without losing image quality. For example, unless you need the image transparency that the PNG format offers, the JPG format often displays images at smaller file sizes.
There's a lot of great digital tools to help you compress your images, click here for an easy-to-use tool.
4. Avoid too many map modules
Map modules are great to show website visitors where the physical shop is located but this module can also be heavy to load. This is caused by the amount of pixels used for the map and the interactiveness. Aim for one map per page and don't use map in the footer as this counts as using it on all pages across your website.
5. Avoid HTML and long pages
If you're experiencing slow page speed consider to avoid HTML-module and too long pages. The HTML-module is great to use when you want to add something that the Editor's specific modules don't include but it can slow down the page speed. Additionally, longer pages with visual and interactive content can often diminish load times as these types of pages become heavier to load.