Hosting Forums Market
Osclass

Optimization Setup to Improve Performance

Optimizing scripts and stylesheets is crucial for SEO, user experience, and website speed.

Optimize assets
Optimize assets

Osclass offers a built-in optimization feature that:

  • Merges CSS and JavaScript files into a single file.
  • Minifies merged files by removing unnecessary spaces and comments.
  • Allows exclusions of specific scripts based on keywords in the script URL.
  • Enables exclusions of optimization on particular pages.

Note: External libraries (such as third-party scripts) are not merged as this can cause conflicts. Additionally, it is recommended to exclude font and icon font libraries to prevent display issues.

Enabling CSS & JS Optimization

To enable optimization in Osclass, follow these steps:

  1. Go to Oc-admin > Settings > Optimization.
  2. Enable optimization for both CSS and JavaScript.

The settings are available separately for CSS and JavaScript, but both have identical configuration options.

CSS Optimization

The following settings can be configured for CSS optimization:

  • Merge Internal CSS Stylesheets into One: This merges all internal CSS files into a single file, reducing the number of HTTP requests.
  • Minify/Optimize Merged CSS: Removes all white spaces, comments, and redundant code to create a smaller master file.
  • CSS Exclude Words: Enter keywords of CSS files that should not be optimized (e.g., font, awesome to exclude font-related libraries).
  • CSS Exclude Pages: Enter specific page names (e.g., home, search, item) where CSS optimization should not be performed.

JavaScript Optimization

The following settings are available for JavaScript optimization:

  • Merge Internal JS Scripts into One: This merges all internal JavaScript files into a single file. External scripts and excluded files will be placed after the master file.
  • Minify/Optimize Merged JS: Removes unnecessary spaces, comments, and redundant code to reduce file size.
  • JS Exclude Words: Enter keywords of JavaScript files that should be excluded from merging (e.g., tiny to exclude TinyMCE, as it contains relative links that may cause errors).
  • JS Exclude Pages: Enter specific pages (e.g., home, search, item) where JavaScript optimization should not be performed.

Best Practices & Considerations

  • Before enabling optimization, ensure that your website functions correctly after applying the changes.
  • If any part of the site breaks, use the "Exclude Pages" field to disable optimization on affected pages.
  • Always test on different browsers and devices to verify compatibility.

With proper optimization, Osclass can significantly improve website loading times and performance while maintaining full functionality.