Now that we have server-side rendering with a simple caching method set up, let's check how much the performance of our application has improved.
We will start by taking a look at the old application, without the server-side rendering (chapter10_1.zip):
Network performance of the chapter10_1 application (no server-side rendering)
Note that these tests were done by making a local request. On a live application, it would take much longer to make requests because network latency affects each request that is made.
As you can see, it makes the following requests (in sequence, because they depend on each other):
- Request to the main page.
- Request for main.js (Redux store initializes).
- Request for /posts.
- Request for /dan.
- Request for /des.
With server-side rendering, we can reduce this to the first two requests and immediately show the page after the...