...
- Our JavaScript Defer feature defers JavaScript loading and execution (including inline script blocks) until the HTML has been parsed on a page. The solution uses our expertise to defer in an orderly way (For versions 4.17+)
- Our JavaScript Dependency feature reduces JavaScript execution to only those a particular page needs. The solution automatically works out what JavaScript files are necessary, bundles them and provides a single link to the browser to lower resource use. (For version 4.25+)
...
Content Optimisation
Think about the content especially images (and other rich media) on your pages, especially on key pages such as the home page and SEO landing pages. We file sizes to be kept to 250kb for desktop/tablet and 50kb for mobile. TIP - The home page should be priority since it is usually the first page for users and SEO search results. Find out what others are SEO landing pages on your site. Here is an article with useful tips.
...
- 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 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.
...