BigPipe为什么可以节省时间?

简介:

关于什么是BigPipe,请移步http://baike.baidu.com/view/4601904.htm去查阅一下。

在实现BigPipe的过程中,就对BigPipe到底能省多少时间比较奇怪。

普通的web页面,一般来说是页面生成,网络传输,前面页面渲染,这三部分的时间加起来就是操作人员从点击鼠标到最后看到页面的时间。

比如,一个页面有主页面框架,有4个部分的内容显示,为了便于分析,简化一下模型,假设主页面框架生成需要0.2S,4个部分的内容内容生成各自需要0.2S,网络传输与浏览器渲染也各计成0.2秒,这样,在传统的方式下,需要的时间就是

0.2*5+0.2*5+0.2*5=3秒。

那么换成BigPipe方式,时间的执行分布大概是:

BlogAttachment

所以换成BigPipe方式,时间大概就是1.4秒的样子。节省的时间大概是50%强一点的样子。

当然,这个时间是在各自三段时间都是0.2秒的情况,实际运行过程中,网络传输的时间在局域网中的时间会更快,后台页面的处理,也可以采用多线程处理的方式来进行,这样,后面页面处理时间可以缩短到0.4S,网络传输时间有0.2S也可以了。由于采用了BigPipe方式,在0.6S的时候,就可以看到最页面框架,后面的时间就是一块块出来,当后面出来的时间比较快的时候,给使用的感受就是在0.6S+界面就可以出来。这个与最初的3S,用户体验上明显是有天壤之别的。

相关文章
|
11月前
|
关系型数据库 OLAP 数据库
免费试用|Vibe Coding正当时,AnalyticDB Supabase极速开发爆款应用
云原生数据仓库AnalyticDB PostgreSQL版重磅推出Supabase托管版本
|
小程序 JavaScript 前端开发
微信小程序如何开发,调试技巧,对程序员小白来说太重要了
@[TOC](目录) 简要介绍一下微信小程序开发的基本流程和一些常用组件,供你参考。在实际开发过程中,你可以根据需求选择合适的组件和 API 进行开发。 # 一、具体开发工作 ## 1. 准备工作 首先,你需要注册成为微信小程序开发者。访问微信公众平台(https://mp.weixin.qq.com/)并用你的微信号登录。进入“小程序”模块,按照指引创建一个小程序。 ## 2. 开发环境 下载并安装微信开发者工具。打开微信开发者工具后,你会看到一个模拟器,可以在其中预览小程序的效果。 ## 3. 创建小程序 在微信开发者工具中,创建一个新的小程序项目。填写小程序的基本信息,如名称、图标等。点
1123 0
|
自然语言处理 数据库