SSR-Enhanced Code will allow your Experiences to perform better than ever! This is a new feature that we are offering with some major performance updates:
- Visibly faster load times
- Delivery of modern image formats
- Automatic reflow prevention
- Automated lazy loading of content
These capabilities will all lead to higher Core Web Vitals.
Please contact your Zmags Customer Success Manager to upgrade to Elite and benefit from SSR! If needed, you can reach out to email@example.com to find out your account manager.
How Do I Deploy the SSR-Enhanced Viewer to my Site?
Once our team enables this for your account, this functionality is exposed as a new option inside of the Copy Code button:
The SSR version of the viewer (aka the container that your Experiences load inside of) is copied by selecting the “Enhanced” option from the dropdown. The code for this viewer will always look something like this:
The following video explains how this works in more detail.
And that is all you need to publish to your site! None of the old <script>, <link>, or <div> tags are necessary anymore. If you have a page that uses only SSR versions of the viewer, then you should remove all remnants of legacy Zmags tags/code from that page for performance reasons. Since they do not serve a purpose anymore, you shouldn’t waste any network bandwidth for your shoppers by loading those scripts, stylesheets, etc.
The Legacy option will allow for the version of the viewer that customers have seen for years. It is available for compatibility reasons, and customers noticing any issues with the Enhanced version can freely swap back to the Legacy version.
Can I Use the Legacy and SSR Viewers Interchangeably?
Currently, we recommend using the SSR Enhanced code exclusively. If there are multiple experiences on a page, please make sure to update all experiences to SSR
As new improvements get released, will I automatically benefit from them?
While we are in the early stages of this feature, our team will notify you when improvements to the feature are available and have been released to you. You will benefit from them with your experiences moving forward. To benefit form them on experiences you have already published, you will simply need to push them again.
Why is my enhanced code loading in the footer?
This has been reported for clients on Magento, and can be fixed by whitelisting the Creator Studio domains. We have further information here: