大型网站建设，高性能的“流水线技术”网页，中国市场不成熟（企业网站建设） 2008年金融危机来临的时候,广告业曾被认为是受打击大的行业之一,一年之后,谁也没想到这是一个在资本层面先复苏的行业。 “对于美国的网络广告行业来说,这很正常,”北京亿玛在线科技有限公司创始人柯细兴说：“它们已经进入一个细分、专注的阶段,这次集体IPO标志着它们进企业网站可信度直接影响网站的功效，这是被绝大多数企业忽略的。而影响网站可信度的因素也恰恰是由众多的细节问题所组成的。 1、网站设计与构架。访客访问一个网站，首先映入眼帘的就是网站的整体形象，我们很难要求访客有一见钟情的超强感觉，但也很难想象一个设计粗劣的网站，能取得访客的信任或吸引访客停留。网站人工智能已经在多个领域实现了创新的应用，而网站制作也不例外。随着越来越多的人们使用互联网和移动设备，网站已经成为许多企业的重要拓展方式。然而，网站制作一直是一个费时又费力的过程。 随着人工智能技术的发展，许多新的工具和技术已经可以帮助开发者更快地构建网站。现代化的网站制作的需要，让人工智能的解决方案
大型网站建设，高性能的“流水线技术”网页,大型网站建设关心的问题就是网站速度，网站速度已成为大型网站建设公司的主要任务之一。
Facebook的网站速度做为关键的公司任务之一。
在2009年，我们成功地实现了Facebook网站速度提升两倍。而正是我们的工程师团队的几个关键的创新使它成为可能。在本文中，我将向大家介绍我们的秘密武器之一，我们称之为BigPipe的伟大底层技术。BigPipe是一个重新设计的基础动态网页服务体系。大体思路是，分解网页成叫做Pagelets的小块，然后通过Web服务器和浏览器建立管道 并管理他们在不同阶段的运行。这是类似于大多数现代微处理器的流水线执行过程：多重指令管线通过不同的处理器执行单元，以达到性能的佳。虽然 BigPipe是对现有的服务网络基础过程的重新设计，但它却不需要改变现有的网络浏览器或服务器，它完全使用PHP和JavaScript来实现。动机为了更好的了解BigPipe，我们需要了解一下现有的动态Web服务系统，它的历史可以追溯到万维网的初期，但现在与初期相比却并没有多少改变。 现代网站有着远远高于10年前的动态效果和互动性，但传统的网页服务系统早已无法跟上当今互联网速度的要求。在传统的模式，用户请求的生命周期如下：1. 浏览器发送一个HTTP请求到Web服务器。2. Web服务器解析请求，然后读取数据存储层，制定一个HTML文件，并用一个HTTP响应把它发送到客户端。3. HTTP响应通过互联网传送到浏览器。4. 浏览器解析Web服务器的响应，使用HTML文件构建了一个的DOM树，并且下载引用的CSS和JavaScript文件。5. CSS资源下载后，浏览器解析它们，并将它们应用到DOM树。6. JavaScript资源下载后，浏览器解析并执行它们。传统模式在现代网站中效率是非常低下的，因为很多系统的操作顺序，不能互相重叠。一些如延时加载JavaScript、并行下载等优化技术已被网络 社区广泛采用，以此来克服的一些限制。然而，这些优化却很少涉及Web服务器和浏览器的执行顺序造成的瓶颈。当Web服务器正忙生成一个页面，浏览器处于 闲置状态，浪费其周期无所事事。当Web服务器完成生成页面，并将其发送到浏览器，浏览器则成为性能瓶颈并且Web服务器对其无从帮助。重叠Web服务器 的生成时间与浏览器的渲染时间，我们不仅可以减少终的时间延迟，也能使网页更早显示用户可见区域给用户，从而大大减少用户对延迟的感知。Web服务器的产生时间和浏览器的渲染时间重叠，是特别有用的，如Facebook这样内容丰富的网站。一个典型的Facebook的网页包含许多 来源不同的数据资料：好友名单，好友动态，广告等。在传统的网页呈现模式的用户将不得不等到这些查询数据都返回并生成终文件，然后将其发送到用户的电 脑。任何一个查询延迟都将拖慢整个终文件的生成。BigPipe如何工作要利用该Web服务器和浏览器之间的并行性，BigPipe首先分解网页成多个可调用的Pagelets。正如流水线微处理器划分一个指令的生命周期为（如“取指令”，“指令解码”，“执行”，“写回寄存器”等）多个阶段，BigPipe的页面生成过程分为以下几个阶段：1. 请求解析：Web服务器解析和完整性检查的HTTP请求。2. 数据获取：Web服务器从存储层获取数据。3. 标记生成：Web服务器生成的响应的HTML标记。4. 网络传输：响应从Web服务器传送到浏览器。5. CSS的下载：浏览器下载网页的CSS的要求。6. DOM树结构和CSS样式：浏览器构造的DOM文档树，然后应用它的CSS规则。7. JavaScript中下载：浏览器下载网页中JavaScript引用的资源。8. JavaScript执行：浏览器的网页执行JavaScript代码。前三个阶段执行，由Web服务器，后四个阶段是由浏览器执行。每个Pagelet必须经过所有这些阶段顺序，但BigPipe在不同的阶段使几个Pagelets同时执行。（Facebook主页的Pagelets，每个矩形对应一个Pagelet。）上面的图片使用Facebook主页为例子来说明如何将网页是分解成Pagelets。该主页包括几个Pagelets：“作者Pagelet”， “导航Pagelet”，“新闻动态Pagelet”，“请求框Pagelet”，“广告pagelet”，“朋友推荐”和“联系”等他们是相互独立的。 当“导航Pagelet”显示给用户，“新闻动态Pagelet”仍然可以在服务器上正在生成。在BigPipe，一个用户请求的生命周期是这样的：在浏览器发送一个HTTP请求到Web服务器。在收到的HTTP请求，并在上面进行一些全面的 检查，网站服务器立即发回一个未关闭的HTML文件，其中包括一个HTML 标签和标签的开始标签。标签包括BigPipe的JavaScript库来解析Pagelet以后收到的答复。在标签，有一个模板，它指定了页面的逻辑结 构和Pagelets占位符。例如:渲染后的第一个反应到客户端，Web服务器继续一个接一个生成Pagelets只要一个Pagelet生成，他将立即刷新到客户端在一个JSON编码的对象，包括所有的CSS，JavaScript的pagelet，它的HTML内容，以及一些元数据所需的资源。例如:在客户端在收到Pagelet通过“onPageletArrive”发出的指令，BigPipe的JavaScript库将首先下载它的CSS资 源；在CSS资源被下载完成后，BigPipe将在Pagelet的标记HTML显示它的innerHTML。多个Pagelets的CSS可在同一时间 下载，它们可以根据其各自CSS的下载完成情况来确认显示顺序。在BigPipe中，JavaScript资源的优先级低于CSS和页面内容。因 此，BigPipe不会在所有Pagelets显示出来之前下载任何Pagelet中的JavaScript。然后，所有Pagelets的 JavaScript异步下载。后Pagelet的JavaScript初始化代码根据其各自的下载完成情况来确定执行顺序。这种高度并行系统的终结果是，多个Pageletsr的不同执行阶段同时进行。例如，浏览器可以正在下载三个Pagelets CSS的资源，同时已经显示另一Pagelet内容，与此同时，服务器也在生成新的Pagelet。从用户的角度来看，页面是逐步呈现的。开始的网页内 容会更快的显示，这大大减少了用户的对页面延时的感知。如果您要自己亲眼看到区别，你可以尝试以下连结：传统模式和BigPipe。第一个链接是传统模式单一模式显示页面。第二个链接是BigPipe管道模式的页面。如果您的浏览器版本比较老，网速也很慢，浏览器缓存不佳，哪么两页之间的加截时间差别将更加明显。性能测试结果下图是传统模式和BigPipe性能数据比较图，数据是75%用户对一个页面中重要的内容（例如：新闻动态被认为是在Facebook主页上重 要的内容）的感知延迟时间。收集数据方式是加载Facebook主页50次并且禁用浏览器缓存。该图显示BigPipe使用户在大多数浏览器中感受到的延 迟减少了一半。(Facebook主页的延迟时间对比)值得一提的是BigPipe是从微处理器的流水线中得到启发。然而，他们的流水线过程之间存在一些差异。例如，虽然大多数阶段BigPipe只能操 作一次Pagelet，但有时多个Pagelets的CSS和JavaScript下载却可以同时运作，这类似于超标量微处理器。BigPipe另一个重 要区别是，我们实现了从并行编程引入的“障碍”概念，所有的Pagelets要完成一个特定阶段，如多个Pagelet显示区，它们都可以进行进一步 JavaScript下载和执行。在Facebook，我们鼓励创造性思考。我们不断的尝试创新技术，以使我们的网站更快。作者蒋长浩目前是Facebook的研究科学家，他致力于研究使网站更快的各种创新。（译者还找到了几篇关于BigPipe的文章，如果有兴趣大家可以了解下：Facebook创新之BigPipe：优化页面加载时间、名站技术分析 — facebook奇特的页面加载技术、Facebook让网站速度提升一倍的BigPipe技术分析、Facebooks BigPipe Done in Java、Open BigPipe javascript implementation、Tutorial: Implementing Facebook’s BigPipe Using ASP.Net MVC、BigPipe Done in Node.js）
大型网站建设，高性能的“流水线技术”网页，中国市场不成熟（企业网站建设） 2008年金融危机来临的时候,广告业曾被认为是受打击大的行业之一,一年之后,谁也没想到这是一个在资本层面先复苏的行业。 “对于美国的网络广告行业来说,这很正常,”北京亿玛在线科技有限公司创始人柯细兴说：“它们已经进入一个细分、专注的阶段,这次集体IPO标志着它们进企业网站可信度直接影响网站的功效，这是被绝大多数企业忽略的。而影响网站可信度的因素也恰恰是由众多的细节问题所组成的。 1、网站设计与构架。访客访问一个网站，首先映入眼帘的就是网站的整体形象，我们很难要求访客有一见钟情的超强感觉，但也很难想象一个设计粗劣的网站，能取得访客的信任或吸引访客停留。网站人工智能已经在多个领域实现了创新的应用，而网站制作也不例外。随着越来越多的人们使用互联网和移动设备，网站已经成为许多企业的重要拓展方式。然而，网站制作一直是一个费时又费力的过程。 随着人工智能技术的发展，许多新的工具和技术已经可以帮助开发者更快地构建网站。现代化的网站制作的需要，让人工智能的解决方案
大型网站建设，高性能的“流水线技术”网页由远鸿助理网编辑https://www.hc228.com/hc1128/3095.html 如需转载请注明出处
潮州助孕 景德镇助孕 成都助孕 台州助孕 湘潭助孕 鹤山助孕 安阳助孕 淮南助孕 增城助孕 连云港助孕 武汉助孕 四会助孕 南通助孕 陆丰助孕 柳州助孕 苏州助孕 银川助孕 丽水助孕 深圳助孕 大理助孕
