Stop Client Side and Server Side Rendering. Do This Instead.

The fastest and most optimized rendering pattern — SSG with SWR pattern.

Chris Staudinger
Geek Culture

--

Static site generation with dynamic content rendering pattern diagram | Created by author
Static site generation with dynamic content rendering pattern diagram | Created by author

An increase from a 1 second load time to a 5 second load time increases your bounce rate by 90% (Google, 2017).

This study from Google was conducted in 2017. Users are even more impatient and expect fast speeds now than they did back then. It’s quite likely that 90% of users would leave after a 3 second load time, let alone 5 seconds!

Client-side rendering and server-side rendering are killing your app’s success.

Let me explain.

The method in which you are rendering your application is going to have one of the largest effects on your front-end performance. It’s important to ensure you’re using the most optimal rendering method for your application’s purpose and context.

There are plenty of other factors that affect front-end performance, but that’s a topic for another day. You can read the article linked below if you want to go into other front-end performance patterns.

--

--

Chris Staudinger
Geek Culture

Co-Founder of LevelUpCoding and CreatorAmp | Sharing daily educational content with @NikkiSiapno | YouTube channel coming soon