客户端渲染与服务端渲染

客户端渲染即普通的 React 项目渲染方式。 客户端渲染流程:

浏览器发送请求
服务器返回 HTML
浏览器发送 bundle.js 请求
服务器返回 bundle.js
浏览器执行 bundle.js 中的 React 代码
CSR 带来的问题:

首屏加载时间过长
SEO 不友好
因为时间在往返的几次网络请求中就耽搁了,而且因为 CSR 返回到页面的 HTML 中没有内容,就只有一个 root 空元素,页面内容是靠 js 渲染出来的,爬虫在读取网页时就抓不到信息,所以 SEO 不友好

SSR 带来的问题:

React 代码在服务器端执行,很大的消耗了服务器的性能

相关推荐

  1. 客户渲染服务渲染

    2024-03-18 04:14:01       23 阅读
  2. 客户渲染服务渲染(2)

    2024-03-18 04:14:01       17 阅读
  3. 客户渲染服务渲染(1)

    2024-03-18 04:14:01       15 阅读
  4. 客户渲染服务渲染(2)

    2024-03-18 04:14:01       17 阅读
  5. 服务渲染SSR

    2024-03-18 04:14:01       33 阅读
  6. vue之服务渲染(SSR)

    2024-03-18 04:14:01       49 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-18 04:14:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-18 04:14:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-18 04:14:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-18 04:14:01       20 阅读

热门阅读

  1. 深入了解Android垃圾回收机制

    2024-03-18 04:14:01       27 阅读
  2. 从零开始的LeetCode刷题日记:541. 反转字符串II

    2024-03-18 04:14:01       23 阅读
  3. 如何解决接口幂等的问题?

    2024-03-18 04:14:01       25 阅读
  4. SpringSecurity

    2024-03-18 04:14:01       20 阅读
  5. Docker 新建网络实现容器间通信

    2024-03-18 04:14:01       20 阅读
  6. 音视频实战--自定义输入输出IO

    2024-03-18 04:14:01       19 阅读
  7. 进程间通信——匿名管道

    2024-03-18 04:14:01       17 阅读
  8. LeetCode--14

    2024-03-18 04:14:01       17 阅读