Yvo前端技术学习笔记 01

NUXT 优点 前端SEO

一.客户端渲染 VS 服务端渲染

1 客户端渲染

服务端放一个html 页面，客户端发起请求时，服务端把页面（响应的是字符串）发送过去。客户端从上到下依次解析，如果发现ajax请求就再发送新请求，拿到ajax 响应结果以后渲染模板引擎。整个过程至少要发起两次请求。

 2. 服务端渲染(ssr)：

server side render的缩写。在服务端渲染出完整的首屏dom结构，直接发送到浏览器；前端拿到的内容包括首屏及完整spa结构，应用激活后依然按照spa方式运行。整个过程只向服务端发起一次请求。

3.服务端渲染优点：

一是更利于SEO。因为爬虫只会爬取源码，不会执行脚本。使用了MVVM框架之后，页面的大多数DOM元素是在客户端根据js动态生成的，可供爬虫抓取分析的内容很少。而且浏览器爬虫不会等数据加载完成之后再去抓取。服务端渲染返回的是已经获取了异步数据并执行JavaScript脚本的最终HTML，爬虫就可以抓取完整的页面信息。
二是更利于首屏渲染。对服务端渲染而言，首屏渲染是node发送过来的html字符串，不依赖于js文件，这样用户就能更快地看到页面内容。尤其是大型单页应用，资源请求量大，造成首屏渲染加载缓慢，使用服务端渲染就可以在很大程度上解决首页的白屏等待问题。
Nuxt.js作为Vue.js的通用框架，就常被用来作SSR。