It can happen that some function is not working properly with Async Execute, Lazyload elements or Lazyload scripts, or you need to manipulate the DOM/CSS to improve Critical CSS.

For these situations you can insert small scripts in the header, or to the footer. These scripts won’t be merged, and won’t be delayed, even if Delay Async Scripts is enabled.

For example some sliders are using a simple unordered list and generate the HTML markup with javascript. It is a bad approach, but really common to be honest.

If you enable Critical CSS and Async Delay Scripts event the first slide will be hidden, so there will be a big white gap on the page. To fix this, you can add a small extra script, which generates the HTML markup instead of the original script (which is delayed), and add some Extra Critical CSS to fix the style if it is necessary.