客户端渲染和服务端渲染的区别

本文比较了客户端渲染和服务端渲染的技术特点,指出服务端渲染有利于SEO但不利于前后端分离,而客户端渲染反之。京东商品列表和服务评论区分别采用这两种方式以兼顾SEO和用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、客户端渲染

页面的渲染工作都是由浏览器来完成的,服务器只是负责提供数据。前端去后端取数据生成DOM树。

**最少两次请求 **

  • 第一次请求拿到的是页面
  • 第二次请求拿到的是动态数据

 

二、服务端渲染

页面渲染的工作都是由服务端来完成的,数据也是由服务端提供的,浏览器只负责展示页面内容。也就是DOM树在服务端生成,然后返回给前端。

只有一次请求,相应的就是最终结果,客户端不需要再做任何处理

 三、服务端渲染和客户端渲染的区别

  • 服务端渲染是在服务端生成DOM树,客户端渲染是在客户端生成DOM树。
  • 服务端渲染会加快页面的响应速度,客户端渲染页面的响应速度慢。
  • 客户端异步渲染是很难被爬虫抓取到的,渲染不利于SEO搜索引擎优化。而服务端渲染是可以被爬虫抓取到的。但是真正的网站既不是纯异步也不是纯服务端渲染出来的而是两者结合来做的

       例如京东的商品列表就采用的是服务端渲染,目的了为了SEO搜索引擎优化
       而它的商品评论列表为了用户体验,而且也不需要 S印优化,所以采用是客户端渲染
       服务端渲染逻辑分离的不好,不利于前后端分离,开发效率低,客户端渲染是采用前后         端分离的方式开发,效率更高。

 原文链接:客户端渲染和服务端渲染区别_B~~的博客-优快云博客 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值