There are three types of display issues that may be experienced.  If you encounter any of these, try the recommended actions.  If the recommended fix does not resolve the issue, please contact the support team so that we may investigate.

Upon page load, there is a brief period (1-2 seconds) when the page appears to be un-styled or only partially styled.

This can happen if the Critical CSS for the page is inadequate for a full render of the above-the-fold portion of the page.  This can happen if parts of the above-the-fold content is render via a javascript rendered component that is built after page is loaded.  In this scenario, the Critical CSS API system may not be able to grab a full snapshot of the required Critical CSS.

Recommended Actions

  1. A possible solution is to disable “Defer Unused CSS”.  If you disable this feature, re-optimize your page, and the page is suddenly viewing fine, then you may be able to configure the Defer Unused CSS in more detail so that the system is deferring all stylesheets except the one or two that may require to not be deferred.  Please read the article on ‘Configuring the Defer Unused CSS feature’.
  2. If solution #1 does not work, you may need to also disable the “Defer Render Blocking CSS” feature.  If you disable this feature, re-optimize your page, and the page is suddenly viewing fine, then you may be able to configure the “Defer Render Blocking CSS” feature in more detail.  Please read the article on ‘Configuring the Defer Render Blocking CSS feature’.
  3. If solution #2 does not work, you may need to also disable the “Defer Render Blocking Javascript”.  If you disable this feature, re-optimize your page, and the page is then viewing fine, then we would recommend contacting us with the details of the issue so that we can investigate the issue.  The root cause may be due to a JavaScript error in the optimized ‘deferred JavaScript ‘.

Upon page load, the page is partially un-styled until you click or scroll down through the page.

Recommended Actions

  1. This issue is related to the “Defer Unused CSS” feature.  If you disable this feature, re-optimize your page, and the page is suddenly viewing fine, then you may be able to configure the Defer Unused CSS in more detail so that the system is deferring all stylesheets except the one or two that may require to not be deferred.  Please read the article on ‘Configuring the Defer Unused CSS feature’.
  2. If solution #1 does not work, please contact the support team.

A slider does not initialize or display as anticipated.

Recommended Actions

  1. Try change the ‘Defer Render Blocking JavaScript” setting from “Default” to, “Externally Deferred at end of Page”.
  2. If solution #1 does not solve the problem, attempt to disable the “Defer Render Blocking JavaScript” feature altogether.  Please contact the support team if solution #1 does not work, and whether or not solution #2 does work.  It may be there is a load-time configuration setting that we can add to the system so that you can use the “Defer Render Blocking JavaScript” feature.