At 10Web, we are committed to delivering cutting-edge solutions that enhance your website’s performance and user experience. As part of this commitment, we are thrilled to introduce the Advanced Settings feature within the 10Web Booster plugin. This new addition empowers you to take complete control over your website optimization process, providing the flexibility and customization you need to achieve your desired outcomes.
Accessing and understanding advanced settings in 10Web Booster
10Web Booster includes a robust set of advanced optimization settings designed to give you granular control over how your website performs. These options let you fine-tune the balance between loading speed, performance, and visual fidelity, ensuring a smoother user experience without compromising on design. To access Advanced Settings, you need to:
- Log in to your 10Web dashboard.
- Select the website you want to optimize and click on Manage button.
- Find the Booster plugin section and go to Settings.
Breakdown of advanced settings
JavaScript Optimization
- JavaScript Delay: Postpones the loading of JavaScript files until the user interacts with the page (e.g., scrolls or clicks). This can drastically speed up your site’s initial load.
- Excluded JavaScript Files: Manually specify scripts you don't want to delay or optimize—ideal for ensuring compatibility with essential functions.
- One-Click Exclusions: Quickly exclude entire themes, plugins, or third-party services from JavaScript delay to prevent potential conflicts.
- JavaScript Aggregation: Combines multiple JavaScript files into one to minimize HTTP requests, helping the page load faster.
- JavaScript Minification: Strips out unnecessary characters like spaces and comments from your scripts to reduce file size without affecting functionality.
CSS Optimization
-
Critical CSS: Extracts and prioritizes only the CSS needed to render above-the-fold content. You can toggle this on or off depending on your theme or layout.
- CSS Aggregation: Merges multiple CSS files into a single file to reduce server requests and improve load times.
- Excluded CSS Files: Allows you to exclude specific stylesheets from the Critical CSS generation.
- Inline CSS Extraction: Places essential CSS directly within HTML elements to improve rendering speed for important styles.
-
CSS Minification: Removes redundant characters (spaces, line breaks, comments) from CSS files, reducing their size and improving performance.
Font Optimization
- Font Optimizer: Toggles font optimization on or off, which helps reduce the loading time of custom web fonts.
Fix Website Scroll Issues
If your site encounters scroll-related bugs after optimization, this setting provides tailored solutions via a dropdown menu to restore smooth scrolling behavior.
Lazy Loading
Lazy Load for images defers the loading of images until they're about to appear in the user’s viewport, speeding up the initial page load.
- Lazy Load for Background Images: Applies the same concept to background images, improving load time without sacrificing design.
- Iframe Lazy Loading: Delays the loading of embedded content like YouTube videos or Google Maps until users scroll near them.
- Video Lazy Loading: Postpones the loading of video files to avoid slowing down your page, especially useful for media-heavy sites.
Note:
Lazy loading is a site-wide setting—disabling it will affect your entire website. This can lead to slower loading times, particularly on pages with many images, videos, or embedded content, as all media will load immediately instead of only when needed.
The availability and default state of certain advanced settings may vary depending on the optimization mode you're using (e.g., Standard, Balanced, Extreme). Some options will be toggled on or off automatically to align with the selected mode's performance goals
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.
| Optimization level | JavaScript Delay | Critical CSS | Font Optimization | Lazy Load |
| Conservative | No | No | No | Yes |
| Balanced | No | Yes | Yes | Yes |
| Strong | Yes | No | Yes | Yes |
| Extreme | Yes | Yes | Yes | Yes |
Saving changes
Once you make any adjustments, the Save button will become active. Click it to apply your changes.
If you've updated key settings like Critical CSS or JavaScript Delay, a popup notification will appear to inform you that your optimization level will be adjusted accordingly. This ensures that your custom settings remain aligned with overall site performance goals.