Abuja Digital Studio · Est. 2018
Start a Project
DocsOrravo FXLoading strategies and settings
Reference

Loading strategies and settings

Orravo FXorravo.com/docs/orravo-fx/loading-strategies

Loading strategies

Pick under Settings -> Loading strategy. The chosen value becomes part of the loading_strategy setting and selects which JS bundle ships to the page.

StrategyBundleWhen to use
monolithic (default)assets/js/orv-fx.jsOne file, all modules. Smallest mental overhead
splitassets/js/orv-fx-core.jsCore only, packs attach as dependents
liteassets/js/orv-fx-lite.jsBare-minimum runtime for the lightest modules
modernassets/js/orv-fx-modern.jsTargets evergreen browsers, smaller bundle
packsassets/js/orv-fx-core.jsSame core as split, plus per-pack on-demand modules

Reduced motion

The reduced_motion_override setting decides how Orravo FX responds to prefers-reduced-motion: reduce:

  • auto - honour the user's OS setting (the default and the recommendation)
  • always - assume reduced motion regardless
  • never - ignore the OS setting (use sparingly; some users need it)

Conditional load

Flip Conditional load on to strip the FX <script> and <style> tags from any page whose rendered HTML buffer contains no data-orv-fx / data-orv-mag markup. Saves a request on pages that don't need motion.

CSS scroll-driven path

When prefer_css_scroll is on, Orravo FX adds ofx-css-scroll to <body> and the @supports block in orv-fx.css lights up. Modern browsers do scroll work in pure CSS; JS modules bail out, saving the rAF cost.

Designer mode and CSP

  • designer_mode exposes extra inline controls for Customizer + block-editor previews
  • csp_strict removes any inline event handlers from the runtime so a strict Content-Security-Policy with no unsafe-inline keeps working
Loading strategies and settings · Orravo FX Docs | Orravo