Multi-language performance improvement method and system based on front-end isomorphic framework

Abstract

The invention relates to a multi-language performance improvement method. The method comprises the following steps of obtaining a multi-language data request submitted by a user first screen at a server; acquiring multilingual data and version identifiers corresponding to the multilingual data according to the multi-language data request; generating server cache data according to the multi-language data and the version identifier; mounting the cache data of the server to the global object of the page rendered by the server, and transmitting the page generated by the server to the client; and the client analyzing the multilingual data and the version identifier of the global object on the page, and taking the version identifier and the multi-language data as client cache data. According tothe technical scheme, after the first time of first screen rendering, the server and the client perform multi-language data caching and do not need to be transmitted to the client from the server again, most importantly, the client page does not need to mount a large amount of multi-language data to the client through the server page every time, and the page is smaller, higher in speed and betterin performance.

Description

technical field [0001] The present invention relates to the field of Internet technology, in particular to a multilingual performance improvement method based on a front-end isomorphic framework and a multilingual performance improvement system based on a front-end isomorphic framework. Background technique [0002] In the front-end web isomorphic solution, it is mainly divided into two parts: server-side rendering and client-side rendering. In server-side rendering, data is usually obtained from the back-end interface. After getting the data, it is passed into the props of the page component. On the one hand, it is used to render the page on the server side, and on the other hand, the props data is stuffed into the global object of the page. In order to transfer the data obtained by the server to the client. In client-side rendering, after the client gets the data from the global object of the page, it performs another client-side rendering, and finally displays the render...

AI Technical Summary

Problems solved by technology

After successfully obtaining multilingual data, all the data will be stuffed into the HTML file, resulting in a large HTML file, a longer time for the client to request the file, and slower loading of the first screen, which will cause a lot of performance problems and poor user experience.

Images