Table of Contents

About

public front end optimization is a ComboStrap module that reduces the page overhead when a public / anonymous / search engine user is navigating your website in order to speed performance and increase the seo score.

The goal

ComboStrap is build only around:

  • and web components (ie the CSS is embedded in the page only when the component is used).

As the BootStrap file is distributed worldwide thanks to the Content delivery network, it reaches the computer user really really fast worldwide.

Because we embrace the web component technology, we add to the page only the CSS and Javascript needed for each page to render. The page speed is then completely dependent on your server location and speed.

Steps

Enable the Public Page Cache

You should enable the public page cache.

Pages are served quicker from this cache to anonymous users and search engines.

Disable or Optimize the DokuWiki Stylesheet

The DokuWiki stylesheet can be:

If you don't use any other syntax plugin, you should disable it.

Minimize will not delete the backend stylesheet but will reduce the size of the Dokuwiki CSS file by removing the styling of the backend plugin.

Disable the DokuWiki Javascript

If your front end is completely based on ComboStrap, you don't need to include third Javascript files that are used only for the backend.

This configuration goes even further with bootstrap version 5 and delete Jquery.

If you use any analytics plugin such as the Google Analytics that relies on Javascript, you should not use/check this option.

If the configuration disableBackendJavascript is checked, the following javascript script will not be included in your pages:

  • js.php
  • jquery.php (only for Bootstrap 5)

The gain on a slow mobile network given by the lighthouse analyzer is in seconds.

Reduce Unused Javascript Dokuwiki Lightouse

Enable Preload

We don't recommend to enable css preload because even if the rendering of your page will be faster, the page rendering will flikker if the network is slow leading to a bad user experience.

preloadCss is a configuration that enables Css preloading.