服务端渲染

服务端渲染总结起来是两点:
首屏加载快
相比于加载单页应用,我只需要加载当前页面的内容,而不需要像react或者vue一样加载全部js文件
SEO优化
对于单页应用,搜索引擎并不能收录到ajax爬取数据之后然后再动态js渲染出来的页面。
为了更便于理解,下面极端化摘自掘金小册:

事实上,很多网站是处于效益的考虑才启用服务端渲染,性能倒是在其次。假设A网站页面中有一个关键字交“前端性能优化”,这个关键字是js代码跑过一遍后添加到HTML页面中的。name客户端渲染模式下,我们在搜索引擎搜索这个关键字,是找不到A网站的——搜索引擎只会查找现成的内容,不会帮你跑js代码。A网站的运营方见此情形,感到头很大:搜索引擎搜不出来,用户找不到我们,谁还会用我的网站额?为了把“现成的内容”拿给搜索引擎看,A网站不得不启用服务端渲染。
但性能再其次,不代表性能不重要。服务端渲染解决了一个非常关键的性能问题——首屏加载速度过慢。在客户端渲染模式下,我们除了记载HTML,还要等渲染所需的这部分js加载完,之后还得把这部分js在浏览器上再跑一遍。这一切都是发生在用户点击了我们的链接之后的事情,在这个过程结束之前,用户始终见不到我们网页的庐山真面目,也就是说用户一直在等!相比之下,服务端渲染模式下,服务器给到客户端的已经是一个直接可以拿来呈现给用户的网页,中间环节早在服务端就帮我们做掉了,用户岂不“美滋滋”

什么情况下使用服务端渲染
通过服务端渲染的概念以及他的两个特点:首屏加载速度快,SEO优化
我们知道,服务端渲染其实就是由浏览器做的一些事情,我们放到了服务端去做,那么对于掘金、简书、CSDN、知乎等网站的搭建,这种在网上一搜搜出一堆东西的网站,SEO做得很好,用到了服务端渲染!
服务端渲染的成本很高的。vue全家桶或者是react全家桶都是推荐通过服务端渲染来实现路由的。服务端渲染并非万全之策,关于首屏渲染体验以及SEO的优化方案很多,在不使用服务端渲染这个操作下,我们最好的处理方式就是寻找替代优化方案。

优缺点
优点:首屏渲染快、利于SEO、可以生成缓存片段,生成静态文件、节能
缺点:用户体验较差、不容易维护、通常前端改了部分html或者css,后端也需要修改。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值