This article will help to ensure you are optimizing the performance of your Fastr Frontend Experiences on your website:
Use Enhanced (Server Side Rendering) Code for publishing
- Using Enhanced Code to publish is going to offer the best possible site performance. This code is described in more detail in its own support article here.
- If you do not see the Enhanced Code option available in your account, please contact your Customer Success Manager or our support team to get that enabled .
- If you are using one of our older publishing methods, such as the Legacy/CNC code option, we recommend making the switch to Enhanced Code ASAP.
Improve your Core Web Vitals, such as LCP (Largest Contentful Paint) and CLS (Cumulative Layout Shift)
- These are some of the most important metrics that determine a sites overall performance score, which can be improved by using Fastr Frontend's Enhanced Code to embed your Experiences "above the fold".
- Fastr Frontend uses a handful of techniques behind the scenes that are geared towards fast and true to size content rendering to minimize things like load times and content shifting in order to ensure a high performing site.
- Reduce the usage of iframes in your Fastr Frontend and non-Fastr Frontend content.
- From a developer stand point, reducing the use of iframes is hugely beneficial to improving site performance and is actually one of the main differences between our Legacy and Enhanced Code.
- We ourselves have removed the use of iframes to make Fastr Frontend content one of the best performing areas of our customers' websites.
- Use the Text Widget rather than adding text as an Image. This will also enhance SEO.
- Use the Breakpoint Variants to create lighter versions for Mobile Device.
- Heavier media files might be better utilized on a Scene after the 1st Scene or on an Experience below the fold of the Webpage.
- Be tactile about heavy files, widgets and animations added per Scene. The more that are resident to the Scene, the heavier the Scene becomes.
Images and Videos
- Fastr Frontend and Creator Studio Images are Optimized on upload
- Break up Images as much as possible. For example, use a series of smaller images vs. using one large image.
- Use JPEGS instead of PNG's as your preferred Image Format.
- Avoid having videos displayed in the initial window/viewport that shows when the page loads.
- Large file types typically used for video often take longer to load than other forms of content, and having them "below the fold" can give them a second or two to do just that.
- This is helpful for both Fastr Frontend and non-Fastr Frontend content on your site.
Platform (back-end performance only)
- Organize Experiences into Projects.
- Clean up and remove unused Images and Experiences.
Please reach out to email@example.com with any questions about your page performance! We are more than happy to analyze your site and give recommendations where we can.