nodejs抓取动态网页(前端渲染和后端渲染的优势是怎样的？？)

　　nodejs抓取动态网页(前端渲染和后端渲染的优势是怎样的？？)

　　同构渲染是指在前后端使用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页面。其实pass中的SSR原理是一样的，只是多了一层CSH。其实现需要服务器提供初始化数据。