Isomorphic rendering refers to the front and rear ends are used JS , rendering the first time when 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 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 js achieve a variety of cool effects, you can cdn server access resources, separating the front and rear ends of development, learning relatively low cost. The main advantage of the back-end are: can solve the problem of loading the first screen, which will help seo optimization.
As technology advances, like Vue and React framework has 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 SEO optimization.
Traditional search engines through the HTML file crawl we need the data, so the front page rendering will not be crawled to . Developed over vue and react 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.
Server rendering can first make use of data rendered into a final HTML directly display, 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 template engine rendered by the HTML page, suffix php 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.