The main CSS file for your page controls all the main design of your page, including all customizations made to the page. This includes font sizes and styles, section, row and column heights and widths, and colours used. You can choose to load this file externally (as a separate CSS file) or inline/internally.
- External – This means your CSS file will be loaded externally. This means an additional request for your page on loading which can increase blocking time or time to interactive.
- Internal (Recommended) – Results in a slightly larger page footprint, but the code for the CSS is loaded in-line/internally which means no additional requests. Page speed tests seem to prefer this option.
CSS Dependencies are CSS files (in fact one CSS file) which controls some of the base styles used on all pages built with the OptimizeBuilder.
- External – load this file as an external CSS file. This will increase page requests by one, and possibly increase page blocking. The advantage to external loading is the file can be cached so it does not need to be loaded again on future pages (if visitor browses further onto your site).
- Internal (Recommeded) – load the CSS dependencies code in-line within the page code. This reduces the need for an extra external file request which can reduce blocking time on pagespeed tests.
Defer the loading of your main page JS files – this will load them after your main content.
Defer the loading of JS dependencies. You can not set JS Dependencies defer, if JS is not set to defer as well.
You can replace this with something like:
Load SVG Icon files in-line or externally. For IE support or sites using CDN, choose Internal.
Load Stripe scripts only on checkout pages
Only load Stripe JS files on pages with OptimizeCheckout forms. Enabling this will disable Advanced fraud detection.
Disables the emoji functionality to reduce an extra HTTP request linked to the emojis script.
Disable WordPress / oEmbeds
Disables the oEmbed functionality to reduce an extra HTTP request linked to the oEmbed script.