Web 请求过程剖析

一 服务器渲染:在服务器那边直接把数据和html整合在一起,统一返 回给浏览器

当我们请求www.baidu.com的时候,这时候会请求到百度的服务器,然后百度会返回html格式给我们,但是当我们搜索百度的时候加上参数,比如加上周杰伦,这时候百度会携带传递过来的参数并进行检索并返回对应的html数据

  1. 只需要向服务器请求一次
  2. 利于SEO 搜索引擎优化,即能被搜索引擎搜索到,能向用户展示你网页的东西

缺点

  1. 如果数据量过大,在服务器渲染的时间就会过长,造成浏览器暂时的空白
  2. 容易被爬虫爬取

二 客户端渲染:第一次请求只拿html骨架,第二次请求拿数据,进行 展示

当我们请求douban.com网页的时候,服务器会返回一个html骨架,但是我们有时候会发现他返回的html没有我们想要的内容,这时候会在此请求服务器要数据,服务器会返回对应的数据,并和对应的html骨架进行结合,这就生成了页码这就是客户端渲染

优点

  1. 可以向用户快速展示页面的内容,增加用户体验
  2. 给别人爬虫爬取相应的内容增加一定的困难

缺点

  1. 可能需要向服务器请求多次数据
  2. 不利于SEO 搜索引擎优化,即百度、搜狗等搜索引擎搜索不到客户端渲染的数据
相关推荐
执风挽^13 分钟前
Python基础编程题2
开发语言·python·算法·visual studio code
梦帮科技14 分钟前
Node.js配置生成器CLI工具开发实战
前端·人工智能·windows·前端框架·node.js·json
纤纡.28 分钟前
PyTorch 入门精讲:从框架选择到 MNIST 手写数字识别实战
人工智能·pytorch·python
kjkdd40 分钟前
6.1 核心组件(Agent)
python·ai·语言模型·langchain·ai编程
VT.馒头43 分钟前
【力扣】2695. 包装数组
前端·javascript·算法·leetcode·职场和发展·typescript
小镇敲码人1 小时前
剖析CANN框架中Samples仓库:从示例到实战的AI开发指南
c++·人工智能·python·华为·acl·cann
萧鼎1 小时前
Python 包管理的“超音速”革命:全面上手 uv 工具链
开发语言·python·uv
css趣多多1 小时前
一个UI内置组件el-scrollbar
前端·javascript·vue.js
C澒1 小时前
前端整洁架构(Clean Architecture)实战解析:从理论到 Todo 项目落地
前端·架构·系统架构·前端框架
C澒1 小时前
Remesh 框架详解:基于 CQRS 的前端领域驱动设计方案
前端·架构·前端框架·状态模式