Moving to JS to improve mobile loading speed

[mehadihasan123456]

More than half of the traffic to the site came from mobile devices. The site loading speed was slow because there were technological limitations. The site had a low loading speed index: content loaded slowly onto pages, which increased the amount of time before the user began interacting with the site.

This problem arose because there was no text compression, as well as a slow server response and long page loading. And the client decided to move to a JS engine, which would increase the loading speed, especially for the mobile version.

True, for SEO this solution looked threatening. You can create a beautiful, convenient and fast site on JS, but search engines have not yet learned to read information from them normally. That is, the site could not be indexed student data and would fail in traffic.

This worried us a lot, and we started looking for ways to make SEO and JS work together: we analyzed the most popular JS solutions, studied the experience of our colleagues, and decided to use server rendering.

With server rendering, the entire HTML code of the page is generated on the server when requested, which eliminates the need for additional data requests from the client. In this case, the server generates the result before sending it. This is how the first meaningful rendering occurs quickly, which is exactly what the site was having problems with. At the same time, the execution of the site page logic and server rendering help avoid sending a large amount of JavaScript to the client (in our case, the user's browser), sending only text and links, which reduces the amount of time until interactivity.