07 Page Settings

The following settings will be located in the 'Speedy' section on each page.

Field Title	Example Values	Notes	Version
Enable Speedy for this Page	true/false	Enable all Speedy Layout features for this page.	All
Enable Stylesheet Defer	true/false	Enable deferred CSS asset technique on this page. Enable Speedy for this Page must also be true.	All
Use cookies to detect first pass	true/false	read more	All
SpecialCaseCriticalCSS	Text	Allows you to enter CSS styles that will be inlined especially for this page during critical display. In V10 on this contains CSS for a load that will be shown on mobile devices while waiting for Deferred Javascript to kick in.	All
Critical View Port Width	1800	In production mode this will be sent the Critical API.	V9
Critical View Port Height	1200	In production mode this will be sent the Critical API.	V9
CSS Fallback Experience Selector	See Example Below Table	This setting allows us to provide a basic fallback experience without writing extra JS code. It is a CSS selector. The DOM elements selected will by hidden and then shown again when deferred asset load completed.	All
Mobile Critical Javascript	/scripts/mobile-vanilla-javascript.js	The location of a file within the web application. The file can contain any vanilla javascript that your page needs during speedy loads. In the example provided its the javascript for the mobile loader.	V10
Easy Load Vanilla JS File	/scripts/lazy.js	The location of a file within the web application. The file can contain any vanilla javascript that your page needs on every single page load. Not just a speedy load. In the example provided its the javascript lazy loading.	V10

CSS Fallback Experience Selector

{ 'display_unset' : { 'selector': 'div.component.contact-dropdown, div.component.search-button, div.component.myaccount-dropdown' }, 'display_block' : {} }