好程序员 web 前端分享 什么是前端同构渲染 ， 同构渲染指的是前后端都使用了 js ，首次渲染的时候使用 nodejs 加载了我们的 HTML 文件，用小白的话来说，同构渲染既不属于后端渲染，也不属于前端渲染，它是介于二者之间的共有部分。同构渲染的实现其实就是 SSR+CSH, 他们是通过一份代码而实现的。
在这里提到了前端渲染和后端渲染，他们各自都有自己的优势吧。前端渲染的优势包括：可以局部刷新、可以实现懒加载技术、可以使用 js 实现各种炫酷的效果、可以通过 cdn 服务器访问资源、前后端分离开发、学习成本相对较低。后端主要的优势有：可以很好的解决首屏加载的问题、利于 seo 的优化。
随着技术的发展，像 Vue 和 React 框架已经能够实现很好的同构渲染，也就是我们常说的 SSR ，比如说 nuxt.js 和 next.js 。在前端渲染异常普遍的今天，我们为什么会有同构渲染的技术出现呢？
上面已经介绍到了，同构渲染其实可以解决首屏加载缓慢和 SEO 的优化问题。
传统的搜索引擎 通过从 HTML 文件 中抓取 我们所需要的 数据， 这样的话 前端渲染的页面 就 无法被抓取 到 。 开发过 vue 和 react 项目的开发者都知道，我们 常使用的 SPA 会把所有 JS 整体打包， 不可忽略的一个问题就是 文件太大，导致渲染前等待很长时间。特别是网速差的时候，让用户等待白屏结束并非一个很好的体验。
服务端渲染可以 先将 使 用的 数据渲染成最终 HTML 直接展示，理想情况下能避免白屏问题。 但是凡事无绝对，如果一个页面的数据量过大，那也不可避免的会有等待情况的发生。
说到 PHP ， JSP 的渲染模式，他们都是前端写完页面之后交给后端，后端通过模板引擎渲染出来的 HTML 页面，后缀名为 php 或者 jsp 。通过中的 SSR 其实原理也是一样的，只不过多了一层 CSH 而已，它的实现需要服务端提供一份初始化的数据。
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/69913892/viewspace-2649345/ ，如需转载，请注明出处，否则将追究法律责任。
