SEO、SPA、SSR的区别关系详解
SEO 是什么?
SEO 的官方翻译是“搜索引擎优化”。也就是通过某些特定规则来优化网站代码,从而使网站能更加容易的被搜索引擎抓取到,提高搜索结果的排名。
SPA 是什么?
SPA 简单来说就是一种网络应用程序模型,SPA的存在使网站加载的时候,避免了重复数据的请求和交换,只是重写了与用户交互的页面部分,提高了响应速度和网站使用的体验感,提升了网站性能,一定程度上减少了后端服务器的压力。SPA 的框架类似 Vue、AngularJs、react。SPA是前后端分离中前端的一种解决方案。
SSR 是什么?
SSR 的官方翻译是“服务器端渲染”。在普通的SPA中,一般是将框架及网站页面代码发送到浏览器,然后在浏览器中生成和操作DOM(这里也是第一次访问SPA网站在同等带宽及网络延迟下比传统的在后端生成HTML发送到浏览器要更慢的主要原因),但其实也可以将SPA应用打包到服务器上,在服务器上渲染出HTML,发送到浏览器,这样的HTML页面还不具备交互能力,所以还需要与SPA框架配合,在浏览器上“混合”成可交互的应用程序。所以,只要能合理地运用SSR技术,不仅能一定程度上解决首屏慢的问题,还能获得更好的SEO。
SPA与SEO的冲突:
简单来说,SPA 的使用是不利于 SEO 的,因为就目前而言,部分搜索引擎如Google、bing等,它们的爬虫虽然已经支持执行JS甚至是通过AJAX获取数据了,但是对于异步数据的支持也还不足。所以,SSR 就是解决这个冲突的最好办法。