高性能的“流水线技术”网页

2022-06-17    分类: 网站建设

Facebook的网站速度做为最枢纽的公司任务之一。

1. 哀求解析:Web服务器解析和完整性检查的HTTP哀求。重叠Web服务器的天生时间与浏览器的渲染时间,我们不仅可以减少终极的时间延迟,也能使网页更早显示用户可见区域给用户,从而大大减少用户对延迟的感知。

为了更好的了解BigPipe,我们需要了解一下现有的动态Web服务系统,它的历史可以追溯到万维网的初期,但现在与初期比拟却并没有多少改变。现代网站有着远远高于10年前的动态效果和互动性,但传统的网页服务系统早已无法跟上当今互联网速度的要求。然而,这些优化却很少涉及Web服务器和浏览器的执行顺序造成的瓶颈。任何一个查询延迟都将拖慢整个终极文件的天生。

2. JavaScript中下载:浏览器下载网页中JavaScript引用的资源。当Web服务器完成天生页面,并将其发送到浏览器,浏览器则成为机能瓶颈并且Web服务器对其无从匡助。这是类似于大多数现代微处理器的流水线执行过程:多重指令管线通过不同的处理器执行单元,以达到机能的好。在传统的模式,用户哀求的生命周期如下:

BigPipe是一个重新设计的基础动态网页服务体系。一些如延时加载JavaScript、并行下载等优化技术已被网络社区广泛采用,以此来克服的一些限制。
3. 标记天生:Web服务器天生的响应的HTML标记。
4. CSS的下载:浏览器下载网页的CSS的要求。固然 BigPipe是对现有的服务网络基础过程的重新设计,但它却不需要改变现有的网络浏览器或服务器,它完全使用PHP和JavaScript来实现。大体思路是,分解网页成叫做Pagelets的小块,然后通过Web服务器和浏览器建立管道并治理他们在不同阶段的运行。当Web服务器正忙天生一个页面,浏览器处于闲置状态,铺张其周期无所事事。在本文中,我将向大家先容我们的秘密武器之一,我们称之为BigPipe的伟大底层技术。正如流水线微处理器划分一个指令的生命周期为(如“取指令”,“指令解码”,“执行”,“写回寄存器”等)多个阶段,BigPipe的页面天生过程分为以下几个阶段:

BigPipe如何工作

Web服务器的产生时间和浏览器的渲染时间重叠,是特别有用的,如Facebook这样内容丰硕的网站。
5. 网络传输:响应从Web服务器传送到浏览器。

要利用该Web服务器和浏览器之间的并行性,BigPipe首先分解网页成多个可调用的Pagelets。

6. CSS资源下载后,浏览器解析它们,并将它们应用到DOM树。在传统的网页呈现模式的用户将不得不等到这些查询数据都返回并天生终极文件,然后将其发送到用户的电脑。
7. 浏览器解析Web服务器的响应,使用HTML文件构建了一个的DOM树,并且下载引用的CSS和JavaScript文件。
8. DOM树结构和CSS样式:浏览器构造的DOM文档树,然后应用它的CSS规则。
9. Web服务器解析哀求,然后读取数据存储层,制定一个HTML文件,并用一个HTTP响应把它发送到客户端。一个典型的Facebook的网页包含很多来源不同的数据资料:挚友名单,挚友动态,广告等。
10. HTTP响应通过互联网传送到浏览器。而恰是我们的工程师团队的几个枢纽的立异使它成为可能。

11. JavaScript资源下载后,浏览器解析并执行它们。
传统模式在现代网站中效率长短常低下的,由于良多系统的操纵顺序,不能互相重叠。在2009年,我们成功地实现了Facebook网站速度晋升两倍 。

12. 浏览器发送一个HTTP哀求到Web服务器。
13. 数据获取:Web服务器从存储层获取数据。

本文标题:高性能的“流水线技术”网页
当前路径:/news36/168586.html

成都网站建设公司_创新互联,为您提供外贸网站建设网站导航网页设计公司静态网站品牌网站制作定制开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设