【前端知识梳理】SPA Vs SSR

SPA(Single Page Application)

单页面应用,一般也称为 客户端渲染(Client Side Render),简称CSR。

SPA优缺点

SPA应用只会首次请求HTML文件,后续只需要请求json数据即可。

优点:

  • 用户体验更好
  • 节约流量
  • 服务端压力较小

缺点:

  • 首屏加载的时间会变长
  • SEO(搜索引擎优化)不友好

SPA工作原理

在这里插入图片描述

SSR(Server Side Render)

服务端渲染,一般也称为 多页面应用(Multiple Page Application),简称MPA

SSR优缺点

为了解决上面SPA的缺点,就诞生出了SSR的解决方案,HTML内容在服务器一次性生成出来。

优点:

  • 首屏加载快
  • SEO方便抓取页面信息

缺点:

  • 性能 / 开发受限等问题

SSR 工作原理

在这里插入图片描述

方案选择

  • 如果应用存在首屏加载优化需求,SEO需求时候,考虑SSR
  • 如果对一些不常变化的静态网站,适合选择SPA模式 + 预渲染(prerender)方案。
  • nuxt.js / next.js中给我们提供了SSG(Static Site Generate)静态网站生成方案
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,您的问题是前端SEO、爬虫和SSR(Server Side Render)之间的关系。 首先,SEO(Search Engine Optimization,搜索引擎优化)是指通过优化网站结构、内容和代码等方式,提高网站在搜索引擎中的排名,从而获得更多的流量和曝光。前端SEO则是指通过前端技术来优化网站的SEO效果,例如合理的HTML结构、语义化的标签、合理的关键词使用、提高页面加载速度等等。因此,前端SEO是SEO的一个重要组成部分。 其次,爬虫是指一种自动化工具,可以模拟浏览器行为,自动访问网页并抓取其中的数据。搜索引擎就是一类爬虫,它们会定期访问网站并抓取网页内容,从而建立搜索引擎的索引库。因此,为了让搜索引擎更好地抓取网站内容,我们需要遵循一些爬虫规则,例如合理的robots.txt文件、sitemap文件等等。 最后,SSR(Server Side Render,服务器端渲染)是指在服务器端生成HTML页面,然后再返回给客户端。相对于传统的SPA(Single Page Application,单页应用程序),SSR能够更好地支持SEO,因为搜索引擎能够直接抓取到服务器端生成的HTML页面,而不需要等待JavaScript的加载和执行。因此,对于需要SEO的网站,使用SSR技术是一个不错的选择。 综上所述,前端SEO、爬虫和SSR之间存在一定的关系,它们都是为了提升网站在搜索引擎中的排名和流量。而SSR技术可以更好地支持SEO,提高网站的搜索引擎曝光度。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值