Shenzhen Web Training: What is the front-end isomorphic rendering?

Shenzhen Web Training: What is the front-end isomorphic rendering?
Isomorphic rendering refers to the front and rear ends are used js, for the first time when rendering using nodejs load our HTML file, with white words, neither isomorphic rendering back-end rendering, nor front-end rendering, it common portions is interposed therebetween. Isomorphic rendered realize is actually SSR + CSH, they are realized by a code.
Here Insert Picture Description
Here referred to the front-end and back-end rendering rendering, they each have their own advantages of it. Front-end rendering advantages include: partial refresh can be achieved lazy loading technique can be used to achieve a variety of cool js effect, by cdn server can access resources before and after the end of the separation development, learning relatively low cost. The main advantage of the back-end are: can solve the problem first screen loaded in favor of seo optimization.
As technology advances, like Vue framework and React been able to achieve very good homogeneous rendering, that is, we often say that the SSR, for example nuxt.js and next.js. In the front-end rendering anomalies prevalent today, why do we have a homogeneous appearance rendering technology?
Above has been introduced to the isomorphic rendering can actually solve the first screen is slow to load and optimization of SEO.
Traditional search engines to crawl through the data we need from the HTML file, so the front page rendering can not be crawled. Worked on and react vue project developers know, we often use the SPA will all JS whole package, a problem can not be ignored is that the file is too large, resulting in a long wait before rendering. Especially when the speed difference, allowing users to wait for the end of black and white is not a good experience.
The server can first render the data used to render HTML directly into the final show, ideally to avoid black and white issue. But nothing is absolute, if a page of data is too large, it will inevitably occurrence of waiting.
When it comes to PHP, JSP rendering mode, they are front-end to back end after the written page, the back-end engine rendered by the HTML page template, php suffix or jsp. By the SSR fact, the principle is the same, just more than a layer CSH it, its implementation needs to provide a server initialization data.

Guess you like

Origin blog.csdn.net/qq_37124438/article/details/95336295