...
- Minimise the use of images on key landing pages as much as possible.
- Ensure images and other rich media are optimised for online use. This means striking the right balance between quality and performance (how load speed is affected). Compression, format and size matter. Your image editing software, e.g., Photoshop, will have image optimising tools.
- Consider the number of banners that are loaded on the one page, e.g., campaign banners. As these are usually image-based, having too many banners on your home page can slow down page loads.
- Utilise device optimisation filters available for banners in the CMS for banners.
What else you can do
-
Ensure Lazy Loading is enabled. The Lazy Loading feature ensures that the loading of non-critical files are delayed until they are scrolled into view (on screen or what is called 'above the fold').
- Lazy loading of banners, images and product images is enabled by default for all websites. If you think lazy loading is not on for your site, please contact Commerce Vision Support.
-
Here's an example of how lazy loading works. Suppose your home page has a slider campaign. Only one slide is viewable on your user's screen. With lazy loading enabled, an image file will not be loaded until the slide is in view. This allows non-critical files to be delayed until needed.
...