高性能WEB开发(11) - flush让页面分块,逐步呈现

最新推荐文章于 2023-11-04 16:15:34 发布
最新推荐文章于 2023-11-04 16:15:34 发布
阅读量1.8k 收藏 1
点赞数 1
分类专栏： WEB架构 文章标签： 高性能WEB开发 flush
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/phpfenghuo/article/details/29365001
版权
本文介绍了在处理耗时请求时，如何通过HTTP 1.1的chunked encoding技术实现页面的分块编码传输，从而让用户逐步看到页面内容。通过示例展示了JSP中如何使用flush方法，先输出不依赖耗时操作的部分，提高用户体验。
摘要由CSDN通过智能技术生成
高性能WEB开发(11) - flush让页面分块,逐步呈现

      在处理比较耗时的请求的时候，我们总希望先让用户先看到部分内容，让用户知道系统正在进行处理，而不是无响应。一般大家在处理这种情况，都使用ajax，先把html输出到客户端，然后再用ajax取加载比较耗时的资源。用ajax麻烦的地方是增加了请求数，而且需要写额外的js代码、和js调用的请求接口。

      正对这种情况，还有一种处理方法，就是让response分块编码进行传输。response分块编码，可以先传输一部分不需要处理的html代码到客户端，等其他耗时代码执行完毕后再传输另外的html代码。

 

分块编码(chunked encoding)

      chunked encoding 是http1.1 才支持编码格式(当然目前没有哪个浏览器不支持1.1了)，chunked encoding 与一般的响应区别如下：

 

    正常的响应：

    HTTP/1.1 200 OK

    Cache-Control: private, max-age=

最低0.47元/天 解锁文章
风火程序员
关注
专栏目录
LLM 大模型学习必知必会系列(十二)：VLLM性能飞跃部署实践：从推理加速到高效部署的全方位优化[更多内容：XInference/FastChat等框架]
丨汀、的博客
05-27 3858
LLM 大模型学习必知必会系列(十二)：VLLM性能飞跃部署实践：从推理加速到高效部署的全方位优化[更多内容：XInference/FastChat等框架]
Java核心技术· 卷二（11版）笔记（第 9-12章）
最新发布
weixin_43647460的博客
11-16 481
Java平台模块系统是Java 9中引入的一个新特性，它可以更好地管理Java应用程序的依赖关系，提高应用程序的可扩展性和安全性。模块系统可以将Java应用程序的代码组织为独立的模块，每个模块都有自己的接口和实现。模块可以声明自己的依赖关系，并且只会导出需要公开的API，从而减少了依赖项的耦合性和可能出现的命名冲突。同时，模块系统还提供了更好的可见性和访问控制，允许开发人员更好地控制代码的复杂性和安全性。在Java 9的模块系统中，一个模块是一个可以进行依赖管理和版本控制的独立单元。每个模块都有自己的名称、
采用CSS3的动态元素（动画）设计div块的层级式展现
11-21 216
此练习作品是为学习HTML5+CSS3而设计的（如有不好请大家批评指教~~~）。 操作：当页面加载时，点击网页中的绿色块（一层），则有其他几块（二层）从其中央出现并向外延伸并旋转，点击这几块中任意一个颜色模块，则被点击的颜色模块将“逐渐”取代原先一层绿色模块，其余模块将渐变消失！ 采用了CSS3的动画@keyframes规则设计div块的移动、伸缩、旋转和渐变： 动画定义：...
ajax核心技术 XMLHttpRequest 对象 性能安全 探讨和理解
木子聊前端
07-13 507
内容提要 XMLHttpRequest （XHR）对象是一个基于浏览器层面的API，可以通过JavaScript 实 现 数 据 传 输。 为后来的AJAX提供了革命性的技术支持； 主要 用于与服务器交互 XMLHttpRequest 文章中统一用简称（XHR）代替 主要讨论 XHR 怎么使用？ 通过js 怎么实现数据传输？ 既然是基于浏览器的API，浏览器为我们做了那些事情？ 传输过程的安全机制是怎么产生的？ 跨域（CORS）是怎么产生的？如何访问跨域？ XHR 用法 XHR 对象的使用和普通的对象一毛
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
12-11
一般大家在处理这种情况，都使用ajax，先把html输出到客户端，然后再用ajax取加载比较耗时的资源。用ajax麻烦的地方是增加了请求数，而且需要写额外的js代码、和js调用的请求接口。 正对这种情况，还有一种处理方法，就是让response分块编码进行传输。response分块编码，可以先传输一部分不需要处理的html代码到客户端，等其他耗时代码执行完毕后再传输另外的html代码。 分块编码(chunked encoding) chunked encoding 是http1.1 才支持编码格式(当然目前没有哪个浏览器不支持1.1了)，chunked encoding 与一般的响应区别如下：
开发知识点-PHP从小白到拍簧片
aming小老弟
11-04 746
收集来自 method=“post” 的表单中的值。POST 方法的发送信息的量最大值为 8 MB（可通过设置 php.ini 文件中的 post_max_size 进行更改）
高性能WEB开发 - flush让页面分块,逐步呈现
kopolwu的专栏
12-09 307
    在处理比较耗时的请求的时候，我们总希望先让用户先看到部分内容，让用户知道系统正在进行处理，而不是无响应。一般大家在处理这种情况，都使用ajax，先把html输出到客户端，然后再用ajax取加载比较耗时的资源。用ajax麻烦的地方是增加了请求数，而且需要写额外的js代码、和js调用的请求接口。      正对这种情况，还有一种处理方法，就是让response分块编码进行传输。response分块编码，可以先传输一部分不需要处理的html代码到客户端，等其他耗时代码执行完毕后再传输另外的html代码。分
深入理解ob_flush和flush的区别
walxiaosage的博客
08-25 542
·        作者: Laruence(   ) ·        本文地址: http://www.laruence.com/2010/04/15/1414.html ·        转载请注明出处 ob_flush/flush在手册中的描述, 都是刷新输出缓冲区, 并且还需要配套使用, 所以会导致很多人迷惑… 其实, 他们俩的操作对象不同, 有些情况下, flush
Cramfs、JFFS2、YAFFS2的全面对比
daofengdeba
07-06 1万+
由于嵌入式系统自身存在一些特殊要求，使得一些传统的文件系统(如FAT、EXT2等) 并不十分适合。专用的嵌入式文件系统应有一些自身的特性，如文件系统面对的储存介质特殊性、文件系统应具有的跨平台的安全性，以及整个系统的即时性等。本文介绍了3种源码开放的嵌入式文件系统Cramfs、JFFS2、YAFFS2，详细分析比较了这3种文件系统的主要性能，并根据分析结果指出了各自的适用领域。
yaffs2源码学习2：chunk和block
chargehero的博客
07-12 1539
yaffs2学习2：chunk和block一、Nand Flash介绍二、Chunk相关操作2.1 chunk记录数据的种类2.2 chunk的使用情况2.3 写入chunk2.4 删除chunk三、Block相关操作3.1 block的内容3.2 block的删除 一、Nand Flash介绍 非易失性闪速存储器Flash具有速度快、成本低、密度大的特点，被广泛应用于嵌入式系统中。Flash存储器主要有NOR和NAND两种类型。NOR型比较适合存储程序代码;NAND型则可用作大容量数据存储。 一块Nand
ajax_axios笔记
weixin_45687657的博客
04-30 82
/ .get("http://localhost:3000/posts", { params: { id: 1 } }) // 代表找id=1的所有数据。axios.get("http://localhost:3000/posts", { params: { id: 1 } }):代表找id=1的所有数据(数组)axios.delete("http://localhost:3000/posts/2")//删除id为2的数据,删除了数据，但是id保留下来了。
java flush 进度条_Response.Flush的使用心得
weixin_36254822的博客
03-04 464
Response.Flush的使用心得很多时候我们写的asp程序会因为做很多操作，所以会花上一分钟甚至几分钟时间。为了使软件使用者能够耐心的等待程序的执行，我们经常会希望有一个进度条来表示程序执行的状态。或者最起码要显示一个类似：　“数据载入中”，“正在保存数据”　等的说明性文字。此时我们就会用到Response.flush()。他会将缓冲区中编译完成的数据先发送到客户端。但是有很多时候，我们发现...
高性能WEB-flush让页面分块逐步呈现
伪白领
10-09 681
在处理比较耗时的请求的时候，我们总希望先让用户先看到部分内容，让用户知道系统正在进行处理，而不是无响应。一般大家在处理这种情况，都使用ajax，先把html输出到客户端，然后再用ajax取加载比较耗时的资源。用ajax麻烦的地方是增加了请求数，而且需要写额外的js代码、和js调用
使用face_recognition模块：错误AttributeError:'PngStream' object has no attribute 'chunk fcWp'
求真、务实
01-23 1709
使用face_recognition模块：错误AttributeError:'PngStream' object has no attribute 'chunk fcWp'（20190223）文章目录：一、错误：AttributeError:'PngStream' object has no attribute 'chunk fcWp'二、解决方式1、原因分析：2、解决方法： 说明：在使用fac...
【已解决】AttributeError: module 'labelme.utils' has no attribute 'draw_label'
向东的笔记本
03-07 2360
问题重现 由于重新装了Anaconda和新的虚拟环境，所以把labelme升级到了最新版，4.2.9。为了实现批量转换，在网上找了代码对json_to_dataset进行了替换，但是，转换时却遇到了如下错误： Traceback (most recent call last): File "/Users/lalala/opt/anaconda3/envs/cv/lib/python3.6/si...
漏洞类型
StoriesWine
02-23 1万+
漏洞类型 一、漏洞含义 漏洞是指一个系统存在的弱点或缺陷，系统对特定威胁攻击或危险事件的敏感性，或进行攻击的威胁作用的可能性。漏洞可能来自应用软件或操作系统设计时的缺陷或编码时产生的错误，也可能来自业务在交互处理过程中的设计缺陷或逻辑流程上的不合理之处。这些缺陷、错误或不合理之处可能被有意或无意地利用，从而对一个组织的资产或运行造成不利影响，如信息系统被攻击或控制，重要资料被窃取，用户数据...
java使用WebUploader做大文件的分块和断点续传
热门推荐
格调的博客
01-14 2万+
前言： WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。 上面的一段话是来自http://fex.baid...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值