Web 请求过程剖析

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

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

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

缺点

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

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

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

优点

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

缺点

  1. 可能需要向服务器请求多次数据
  2. 不利于SEO 搜索引擎优化,即百度、搜狗等搜索引擎搜索不到客户端渲染的数据
相关推荐
jump6807 小时前
url输入到网页展示会发生什么?
前端
mortimer7 小时前
一键实现人声伴奏分离:基于 `uv`, `FFmpeg` 和 `audio-separator` 的高效解决方案
python·ffmpeg·音视频开发
诸葛韩信7 小时前
我们需要了解的Web Workers
前端
brzhang7 小时前
我觉得可以试试 TOON —— 一个为 LLM 而生的极致压缩数据格式
前端·后端·架构
Sunhen_Qiletian8 小时前
Python 类继承详解:深度学习神经网络架构的构建艺术
python·深度学习·神经网络
yivifu8 小时前
JavaScript Selection API详解
java·前端·javascript
这儿有一堆花8 小时前
告别 Class 组件:拥抱 React Hooks 带来的函数式新范式
前端·javascript·react.js
十二春秋8 小时前
场景模拟:基础路由配置
前端
六月的可乐8 小时前
实战干货-Vue实现AI聊天助手全流程解析
前端·vue.js·ai编程
程序员大雄学编程8 小时前
用Python来学微积分34-定积分的基本性质及其应用
开发语言·python·数学·微积分