Performance is key for all sites. Not only does it improve SEO, but it increases sales and customer happiness. But companies must recognize the challenges that are involved. In this series, we’ll go through the main areas of site performance, how you can improve the performance of your site, and the trade-offs you’ll have to make when it comes to performance versus customer experience.
In the first article of this series, we’ll look at Server Side Rendering.
What’s Server Side Rendering?
Server Sider Rendering, or SSR for short, is when the HTML of a website is generated on the server before it’s delivered to the user.
What are the challenges of this approach?
At Frontastic, we already use common tools like domino, as well as some additional magic to guess the browser window size to enable the best possible rendering. For example, you can configure certain Frontastic components to only show on certain device types — and this is always based on the dimensions of the browser window. We guess the device type during the initial rendering and then provide this information to the rendering code. This is so we can decide which Frontastic components to render (as well as estimating the best possible image dimensions). By leaving out the unused Frontastic components like this and delivering images as small as possible, it reduces the size of the transferred data that improves the rendering performance even further.
More to know about Server Side Rendering
While developers using our platform can write their own frontend components, Frontastic makes sure they’re rendered properly on the server. This is to make sure all data on your site can be indexed by search engines, as well as providing the optimal initial rendering time for every user.
This is so you don’t accidentally deploy something to production that then can’t be indexed by search engines. A great thing about our setup is that even if you break the Server Side Rendering, your users most likely won’t notice. This is because everything will still be visible in common browsers — and we send a correct status code, so search bots won’t accidentally index your missing component.
How can I benefit from Server Side Rendering?
You want to know more?
Catherine’s the Lead Editor at Frontastic. She’s worked in many different positions at different levels but always with a customer focus and is always looking to create the best experience for users.