性能优化系列之『BigPipe：什么是BigPipe？你了解它的工作原理吗？』「终于解决」
Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说性能优化系列之『BigPipe：什么是BigPipe？你了解它的工作原理吗？』「终于解决」,希望能够帮助你!!!。
文章の目录
- 一、BigPipe的定义
- 二、技术实现
- 写在最后
一、BigPipe的定义
BigPipe 通过将页面加载到称为 Pagelet 的小部件中，来加快页面渲染速度，并允许浏览器在 PHB 服务器呈现页面的同时，一直请求页面不同区块的结构，类似一个“流”传输管道。
二、技术实现
- 浏览器从服务器请求页面。
- Server 迅速呈现一个包含
<head>标记的页面框架，以及一个包含空 div 元素的主体，这些元素充当 Pagelet 的容器。由于该页面尚未完成，因此与浏览器的 HTTP 连接保持打开状态。 - 浏览器将开始下载 bigpipe.js 文件，然后它将开始呈现页面。
- PHP 服务器进程仍在执行，并且一次构建每个 Pagelet 。Pagelet 完成后，其结果将在
<script> BigPipe.onArrive（…）</ script>标记内发送到浏览器。 - 浏览器将收到的 html 代码注入正确的位置。如果小页面需要任何 CSS 资源，则也将下载这些 CSS 资源。
- 接收完所有的页面集之后，浏览器将开始加载那些页面集所需的所有外部 JavaScript 文件。
- 下载 JavaScript 后，浏览器将执行所有内联 JavaScript 。
写在最后
如果你感觉文章不咋地
//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！
上一篇
已是最后文章
下一篇
已是最新文章
最新文章
