SSR(服务器渲染)和BSR(客户端渲染)及 SEO(搜索引擎优化)

SSR:服务端渲染 M+V发生在服务器端,

对营销推广要求较高的产品,会使用SSR,比如企业官网

1) 服务器的压力更大
2) 页面访问和显示速度更快(DOM少)
3) 有利于SEO搜索引擎优化(有利于公司品牌和业务的推广)
4) 前端不分离,对后端工程师要求更高,工作量更大
5) 功能比较简单的产品,交互简单的产品

BSR:客户端渲染 M+V发生在客户端

对营销推广要求不高的产品,使用BSR,比如管理系统

1)客户端压力较大
2)页面加载速度更慢(DOM多)
3)不利于SEO优化
4)前后端分离,便于代码调试和维护,也能够开发速度更快
5)可以做出更复杂的产品

SEO:搜索引擎优化

网络爬虫程序,在互联网工作中,读取自己喜欢的东西,然后记录到数据中。
爬虫最喜欢html字符串,meta,h1-h6,语义化article、header、footer、nav、title标签
alt属性,title属性
mate标签:{}

爬虫最讨厌js脚本、DOM操作

Vue SSR 工作流程(原理):

VueSSR,只在node.js服务器上开发,不支持其它服务端(比如java/php)
使用vue-server-renderer的官方包
var re = vueserverrenderer.createRenderer()
re.renderToString(vue组件,function(req,res))把静态字符串返回给客户端

Nuxt.js是一个VueSSR框架

React官方在2016年出了Next.js的React服务端渲染框架
Nuxt.js两小时之后就发布了。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值