Intro to 10Web Booster's Advanced Settings

We at 10Web are dedicated to continually improving our users' experience. To this end, we've introduced Advanced Settings to the 10Web Booster plugin, providing you with more control over your website optimization process. Here's a brief guide on how you can navigate and use these settings.

Accessing the advanced settings

10Web Booster offers various advanced settings to customize your website optimization. These options provide you with granular control over critical aspects of optimization, allowing you to balance between website performance and visual quality.

1. Log in to your 10Web dashboard
2. Click on the site where you want to customize the settings
3. Click on Settings under the Website Booster 

Understanding the advanced settings

• JavaScript delay: This option allows you to control whether the loading of JavaScript should be delayed until user interaction. Delaying JavaScript can significantly improve your website's loading speed and overall performance.
• Excluded JavaScript files: You can exclude specific JavaScript files from delay or optimization by providing their names in the provided field.
• One-click exclusions: You can exclude a whole theme, plugin, and service from JavaScript delay with just one click.
• JavaScript aggregation: The process of combining multiple JavaScript files into a single file to reduce HTTP requests, thereby improving website load speed.
• JavaScript minification: Compression of JavaScript code by removing unnecessary characters (like spaces, line breaks, and comments) without affecting functionality.
• Critical CSS: Critical CSS is a technique that extracts the CSS needed to render above-the-fold content. Turning this on/off helps you control the rendering of critical content.
• CSS aggregation: Similar to JavaScript aggregation, it involves combining multiple CSS files into one. This reduces HTTP requests and improves website performance.
• Excluded CSS files: This feature allows you to exclude certain CSS files from the Critical CSS option.
• Inline CSS extraction: This method places CSS rules directly within an HTML element using the style attribute.
• CSS minification: Compresses CSS files by eliminating unnecessary characters (like spaces, line breaks, comments). This practice reduces file size, making the website load faster.
• Font optimizer: Turning this on/off controls whether your website's fonts should be optimized.
• Fix website scroll issues: If you are having issues with your scroll after optimization, you can click on the drop-down menu and check to see which option fixes the scroll.
• Lazy Load for images and background images: Lazy Loading delays the loading of images until they are about to be in the user's viewport. These options control the lazy loading of regular images and background images.
• Iframe lazy loading: This technique delays the loading of Iframes (embedded resources, like videos or maps) until they're needed (typically when they enter or are about to enter the viewport). It enhances initial page load speed and overall performance.
• Videos lazy loading: Similar to lazyloading Iframes, this technique delays the loading of video content until necessary. It optimizes page load speed, especially when the page contains multiple heavy video files.

Which advanced settings are enabled in each level 

Depending on the mode you are using, some of the advanced settings will be ticked on or off.

Saving changes

The Save button will appear active once any changes have been made. Press it to apply your adjustments. If you've modified the Critical CSS or JS Delay options, you'll see a popup notification that your optimization level will be changed accordingly.