This guide explains how Formulayt affects your website's performance and provides recommendations to maintain optimal page speed scores.
How Formulayt works
Formulayt is a JavaScript application that runs on your web pages. It identifies specially marked-up HTML elements (links and divs) and transforms them into interactive gates. During operation, Formulayt makes calls to its servers to retrieve:
Additional stylesheets
JSON configuration data
Analytics data submission
Impact on performance metrics
First contentful paint
When installed correctly, Formulayt has minimal impact on First Contentful Paint times. This is because:
The installation tag should be embedded within the body element
The tag is non-render blocking
All dependencies are loaded asynchronously after the browser begins painting the page
Network payload size
The base Formulayt script has several performance advantages:
Size is less than 150kb
Delivered via a global CDN for optimized loading
Cached for faster subsequent loads
The file size may increase for sites that require:
Support for multiple languages
Alternative form layouts
Custom business logic
JavaScript execution time
Despite Formulayt's robust feature set, it performs well in performance tests:
Passes Google's JavaScript execution time tests
Typically completes execution in less than 500ms
Layout shifts
Formulayt gates display in two ways, each with different layout impacts:
Modal gates:
No effect on page layouts
Bind to existing links on the page
Only display when users click those links
Inline gates:
Can alter page layout when rendering
Impact depends on placement within the page
Best practices to minimize layout shifts
Minimize layout shifts from inline gates by following these recommendations:
Apply CSS min-height:
Set a CSS min-height on the gate's container element
Match the approximate height the gate will have when rendered
Add a loading indicator as background to improve user experience
Use adjacent column placement:
Embed gates in a column next to primary site content
Gates load alongside existing content rather than moving it
Cache policy considerations
Formulayt's default cache settings:
Short cache TTL policy (typically 30 minutes)
Ensures administrator changes appear quickly for end-users
May trigger PageSpeed warnings about inefficient cache policy
For individual accounts, we can adjust these settings. However, increasing cache duration will delay how quickly changes reach end-users.