客户端渲染与服务端渲染(2)

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

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

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

SSR 带来的问题:

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

相关推荐

  1. 客户渲染服务渲染2

    2024-03-22 21:18:08       17 阅读
  2. 客户渲染服务渲染2

    2024-03-22 21:18:08       18 阅读
  3. 客户渲染服务渲染

    2024-03-22 21:18:08       23 阅读
  4. 客户渲染服务渲染(1)

    2024-03-22 21:18:08       15 阅读
  5. 服务渲染SSR

    2024-03-22 21:18:08       33 阅读
  6. vue之服务渲染(SSR)

    2024-03-22 21:18:08       49 阅读

最近更新

  1. TCP协议是安全的吗?

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

    2024-03-22 21:18:08       19 阅读
  3. 【Python教程】压缩PDF文件大小

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

    2024-03-22 21:18:08       20 阅读

热门阅读

  1. LeetCode-热题100:128.最长连续序列

    2024-03-22 21:18:08       19 阅读
  2. MySQL 如何优化DISTINCT问题描述

    2024-03-22 21:18:08       23 阅读
  3. vue3<setup>中判断当前视口距离顶部的距离

    2024-03-22 21:18:08       21 阅读
  4. 学习vue3 第四章(reactive全家桶)

    2024-03-22 21:18:08       20 阅读
  5. 聊聊 IO

    聊聊 IO

    2024-03-22 21:18:08      19 阅读
  6. ORACLE LOB大字段介绍和管理

    2024-03-22 21:18:08       20 阅读
  7. 3.idea的import和open的区别

    2024-03-22 21:18:08       18 阅读
  8. 经典面试题prototype 和 proto 区别是什么

    2024-03-22 21:18:08       16 阅读
  9. 为什么要高度的去重视DDOS攻击?

    2024-03-22 21:18:08       20 阅读