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:
- minimized with the enableMinimalFrontEndCss configuration
- disabled with the disableDokuwikiStylesheet configuration
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.
Works but not recommended
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.