You are here:Home1/Tech Talk2/How Server Side Rendering improves initial loading times
How Server Side Rendering improves initial loading times
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 Tastics 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 Tastics to render (as well as estimating the best possible image dimensions). By leaving out the unused Tastics 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?
Catherine’s the Technical Writer 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.
Stay In The Loop
Subscribe to our newsletter to keep up to date on all the latest Frontastic news.
https://www.frontastic.cloud/wp-content/uploads/2020/12/Perfromance-Minimizing-Li.png12602400Helenhttps://www.frontastic.cloud/wp-content/uploads/svg/Frontastic-Logo-Gradient.svgHelen2021-01-14 08:13:282021-01-14 13:13:55Performance optimization: How to minimize your assets
Cloud adoption is called a “digital transformation” for a reason. Relocating to the cloud can alter a company’s business model and profoundly transform how it operates, including performance, organizational structure and responsibilities. Our partner EPAM shares information about this topic.
https://www.frontastic.cloud/wp-content/uploads/2021/01/Posts4.png6301200Helenhttps://www.frontastic.cloud/wp-content/uploads/svg/Frontastic-Logo-Gradient.svgHelen2021-01-12 13:50:342021-01-12 13:50:34How to make your cloud journey safe and secure
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.
https://www.frontastic.cloud/wp-content/uploads/2020/12/Fb-LI-1.png12602400Helenhttps://www.frontastic.cloud/wp-content/uploads/svg/Frontastic-Logo-Gradient.svgHelen2021-01-07 08:21:522021-01-07 09:53:53How Server Side Rendering improves initial loading times