Configuring Web Optimisation

Web Optimisation

Overview#

Web Optimisation helps improve your website’s performance by automatically applying optimization techniques to your HTML, CSS, JavaScript, and images. These features can help reduce page load times and improve the experience for your visitors.

Web Optimisation Wizard#

The Web Optimisation Wizard provides a quick way to enable recommended optimization settings for your website.

To use the wizard:

1. Open Web Optimisation.
2. Click Try the Wizard.
3. Review the recommended settings.
4. Apply the configuration.

You can fine-tune individual settings at any time.

Understanding Risk Levels#

Each optimization feature is assigned a risk level.

Low Risk#

These settings are generally safe for most websites and are recommended for beginners.

Medium Risk#

These settings can improve performance but may require testing to ensure your website functions correctly.

High Risk#

These settings can significantly alter how content is delivered and should be tested carefully before use on a live website.

One Click Optimisation#

One Click Optimisation enables a collection of recommended Low Risk optimization settings automatically.

This is the easiest way to improve website performance without configuring individual options.

HTML Optimisation#

HTML Optimisation reduces page size and improves how browsers process your website’s HTML.

Examples include:

• Collapse Whitespace
• Remove Comments
• Remove Quotes
• Extend Cache
• Pre-Resolve DNS

JavaScript Optimisation#

JavaScript Optimisation helps reduce script loading times and improve page rendering.

Examples include:

• Minify JavaScript
• Combine JavaScript
• Move CSS Above Scripts
• Defer JavaScript

Some JavaScript settings may require testing to ensure website functionality remains unaffected.

CSS Optimisation#

CSS Optimisation improves how stylesheets are delivered and processed by browsers.

Examples include:

• Combine CSS
• Inline CSS
• Move CSS to Head
• Rewrite CSS

These settings can help reduce the number of requests required to load a page.

Image Optimisation#

Image Optimisation helps reduce image file sizes and improve loading performance.

Available features include:

• Convert Images to WebP
• Lazy Load Images
• Optimize Images
• Resize Images
• Responsive Images
• Insert Image Dimensions

Image optimization often provides some of the biggest performance improvements for websites.

Profiles#

Profiles allow you to save your current optimization settings and reuse them on other websites.

This is useful if you manage multiple websites with similar optimization requirements.

Best Practices#

For most websites, we recommend:

• Starting with the Web Optimisation Wizard.
• Using One Click Optimisation.
• Enabling Low Risk settings first.
• Testing your website after enabling Medium or High Risk settings.
• Monitoring website functionality after making changes.