Server Side Rendering

Jacques Leemans

1 min. read

Server-Side-Rendering

Introduction

The critical path

Server-Side Rendering is the process of rendering a JavaScript Framework to Static HTML/CSS/JS on the server.

References

JavaScript Frameworks
Angular
React
Ember
Preact
Vue.js
Next.js (for React)

TTI (Time to Interactive)

Testing tools

Profile the performance
Chrome DevTools - Use Network tools
Use “Good 2G”
https://www.webpagetest.org/

References

https://developer.chrome.com/docs/puppeteer/ssr/

https://www.youtube.com/watch?v=GH3kJwQ7mxM

https://medium.freecodecamp.org/what-exactly-is-client-side-rendering-and-hows-it-different-from-server-side-rendering-bd5c786b340d

Server-side Rendering with JavaScript Frameworks Video Series:
https://www.youtube.com/watch?v=nbTn1czE2L8&list=PLl-K7zZEsYLkbvTj8AUUCfBO7DoEHJ-ME