Documentation

Safe Rollout on a Live Website

For production websites, it is safer to enable optimization features gradually instead of activating everything at once. A staged rollout process makes it easier to identify which specific setting caused a layout issue, script conflict, or functionality problem if something breaks.

Recommended rollout order:

  1. Enable Browser Cache.

  2. Test headers and repeat visits.

  3. Enable Image Optimization.

  4. Test images on desktop and mobile.

  5. Enable Font Optimization.

  6. Test headings, icons, and multilingual text.

  7. Enable basic JS Optimization.

  8. Test forms, checkout, popups, consent banner, search, and menus.

  9. Enable basic CSS Optimization.

  10. Test layout, hero areas, sliders, sticky header, and footer.

  11. Only then test stronger CSS or script delay options one by one.

Avoid Enabling Multiple High-Risk Features Together

Never enable several aggressive optimization settings at the same time on a live production website without a rollback plan or backup available. Testing changes individually provides clearer troubleshooting visibility and reduces the risk of widespread front-end or checkout failures.

Continue reading

Previous

If Scores Do Not Refresh Immediately

Next

Logo Becomes Too Large or Element Height Looks Wrong