了解SPA、SEO、SSR

SPA

SPA（single page application）搜索引擎优化是一种网络应用程序模型。单页面应用，通过动态重新渲染页面与用户交互的部分，避免重复数据的请求和交换，提高响应速度和网站使用的体验感以及网站的性能。在web页面初始化加载相应的html、js、css，当页面加载完成后，SPA不会因为用户的操作而重新渲染，只会对用户交互的部分重新加载。vue.js、React、Angular JS是常见的SPA框架。

SPA优点

• 前后端分离，后端只需要提供API，不需要管前端开发的是pc端，移动端等客户端

• 减少后端服务器的压力

• 单页面应用是局部刷新，页面切换速度响应的很快

SPA缺点

• 初次加载时会架子所有的模块，所以会比较慢

• 对SEO不友好

像CSDN、知乎、简书、掘金这种网站而言SEO就很重要了这个时候我可以看一下SSR

SSR

SSR（serve side rendering）服务器端渲染。一般SPA是将框架及网站页面的代码发送到浏览器，然后在浏览器中生成和操作DOM，这也是第一次访问SPA网站在同等带宽及网络延迟下比传统的在后端生成HTML发送到浏览器要更慢的主要原因。所以合理地运用SSR技术，不仅能一定程度上解决首屏慢的问题，还能获得更好的SEO。SSR是通过前端服务器完成了所有的JS渲染工作。

SSR优点

• 更快响应，不需要等所有的js都下载完成，浏览器就可以展示比较完整的页面，解决首次加载慢的问题

• 通过前端服务器返回完整的HTML和DATA，浏览器只要渲染成图像就可以了

SSR缺点

• 相比于SPA，服务端渲染加重了服务器的负担

• SSR中使用的渲染程序会占用更多的CPU和内存资源

SEO

SEO（Search Engine Optimization）搜索引擎优化，可以理解为网站优化。是一种通过了解搜索引擎的运作规则（如何抓取网站页面，如何索引以及如何根据特定的关键字展现搜索结果排序等）来调整网站，以提高该网站在搜索引擎中某些关键词的搜索结果排名。

SEO分类

• 白帽SEO，起到了改良和规范网站设计的作用，使网站对搜索引擎和用户更加友好，并且网站也能从搜索引擎中获取合理的流量，这是搜索引擎鼓励和支持的。

• 黑帽SEO，利用和放大搜索引擎政策缺陷来获取更多用户的访问量，这类行为大多是欺骗搜索引擎，一般搜索引擎公司是不支持与鼓励的。

为什么要做SEO

提高网站的权重，增强搜索引擎友好度，以达到提高排名，增加流量，改善（潜在）用户体验，促进销售的作用。