How Fast is React SSR? (Server-side Rendering with JavaScript Frameworks)

Server-side rendering can help improve performance, but you need to make sure you're doing it right. In this episode we'll set compare the page load of a regular and server-side rendered React app. We'll use the Chrome DevTools to get a good visualization of what's going on, but then switch to Webpagetest to do a real world simulation.

[RunnerBlade]

Does it really need CSS to render? If css file is big I would like for just the SSR rendered HTML to be displayed. I have a problem doing that, it always waits for all css to download before it renders. Interesting thing is that if in Network I block request for css file(I extracted css in separate file with webpack extract-text-webpack-plugin) only the server side rendered HTML is shown on the screen. So why can it not show just server side rendered HTML when it also has to download css file, and then when it download is finished it just adds the styles?

[lutfucan]

Seems like we'll be waiting for Vue or Nuxt for ages .

[JogandocomFaria]

it would be a nice test if you compare ssr react vs vanilla js solution in a large scale where we have millions users and show how it affect server in case of memory usage and first meaningful paint

[rajlaxmidora]

why we use server side rendering, is it only the first load is faster...

[NtaRecord]

What version of React did you use ? Seems like react 16 improved the SSR performance. Would be intersting to compare Preact and React 16

[PrakashBharti]

when you will upload video for Vue js?? Kinldy upload the video for the same. We are waiting for a long time.. @David

[meghashyambhandary]

Seems like the next video will be for me😂 moto g4 plus, mac, vscode & preact

[lutfucan]

we saw that a week agooo QQ cmoon guyz