让网页加载快1秒的深远影响

标签: 产品快报 | 发表时间:2016-04-30 12:46 | 作者:泡沫
出处:http://tech2ipo.com

全球内容交付网络(CDN)服务领头羊 Akamai 近日公布的《互联网状况》指出,2015 年第 4 季度全球平均网速为 5.6Mbps,同比增长 23% 环比增长 8.6%。宽带发展联盟发布的第 11 期《中国宽带速率状况报告》显示,2016 年第 1 季度我国固定宽带网络下载速率达到 9.46 Mbit/s,环比提升 13.4%,而且工信部表示将继续提速年底之前希望平均接入速度达到 30M。

在网络不断提速的大背景下,日常生活中我们依然不时发出「网络太慢了」这样的感慨。自然这里指的「慢」并非是拨号时代需要等待数分钟时间才能完成网页加载的「慢」,而是哪怕拥有高速网络接入,页面载入在感官体验上依然存在延迟--在移动设备上表现的尤为明显。根据 Google 的内部研究这对于互联网商家来说是极其不利的,哪怕一丝的延迟都能导致客户流失。

马修·普林斯(Matthew Prince)和他的初创公司 Cloudflare 已经找到了解决问题的方法。Cloudflare 提供的一项服务是通过在自家服务器上缓存页面来改善网站的速度和安全,避免网站受到黑客攻击的同时也尽可能的为合法用户带来更快的页面载入。 现在,为了让网站加载更快,Cloudflare 正部署推出基于 HTTP 2.0 网页标准的服务器推送(Server Push),普林斯表示相比较传统的客户端请求(Client Pull)来说这能够让页面载入时间缩短 1 秒。

也许这缩短的 1 秒时间听上去并不是很多,但根据 Google 的研究,哪怕五分之一秒的延迟都能减少用户愿意消耗在网站上的浏览时间。一个网页应用让你感觉像是本地应用一样流畅还是延迟的无法使用,这两种使用体验之间的差别其实只有数百毫秒。因此普林斯认为服务器推送必然会带来巨大的差异体验,HTTP 2.0 能够让开发者在网络上实现此前认为不可能的事情。

他说道:「 服务器推送是解锁网页应用新篇章的钥匙。我们希望把这把钥匙交到开发者手中并共同见证会创造出什么样的精彩未来。

小推送大不同

让我们感觉网页载入依然很慢的原因之一是尽管自拨号时代以来带宽不断增加,但与此同时页面也变得的更大更复杂。高分辨率图片、动画特效、视频、广告、分析脚本都是导致变慢的罪魁祸首。网络已经变得非常臃肿,现在的平均网页容量几乎等同于初代《毁灭战士》游戏大小。

导致网站变慢的原因并非仅仅只是网页体积。事实上在打开网页的过程中,下载每个独立元素都需要你的网页浏览器向托管网站的服务器发出独立的请求。如果其中任何一个请求出现 Stalled(阻塞)状态,自然就会影响整个页面的加载,更有可能导致页面显示不正确。

尽管裁切掉这部分的请求或许有些帮助,但对于那些注重图片或者交互功能的网站来说依然需要处理大量的服务器响应。这也意味着网页浏览器同样需要在不受阻碍的方式下使用更好的方式来请求所有元素。

这也是 HTTP 标准继任者--HTTP 2.0 尝试改变的地方。HTTP 2.0 中新增的数项功能能够更快更高效的下载和显示网页,例如能够在一个报文(或者 HTTP 响应)中包含多项数据项。

服务器推送是今后 Cloudflare 公司大力推进的标准,也是公司产品的主打功能。它能够让网页服务器告诉网页浏览器需要在前期页面中所涵盖的所有不同元素,而不再需要现在一样按照顺序载入网页内容。

让网页多任务

普林斯以本地银行网站为例进一步说明。当你登陆的时候,银行网站在生成页面并发送到你的网页浏览器之前必须请求一个关于近期交易清单并计算你银行存款余额的列表,只有当你的浏览器获得页面之后才会进一步请求例如银行 LOGO 和表格样式等其他元素,并告诉浏览器如何格式化网页。 而在部署服务器推送之后,银行网站就可以在计算账户余额的时候发送 LOGO 和表格样式。

包括 Google Chrome 和 Mozilla Firefox 在内的部分浏览器都已经支持 HTTP 2.0。很多其他网页浏览器也已经支持它的前身--Google 的 SPDY(发音和 Speed 相同)协议。不过现在的问题是只有少量的网页真的支持 HTTP 2.0。普林斯表示,网站在部署服务器推送方面进程非常缓慢。

自今天开始,Cloudflare 的客户已经开始在网站上部署服务器推送,哪怕他们自己的服务器或者网站主机并不支持。而伴随着这个进程不断加快,我们日常访问的网站可能变得更快。普林斯表示目前已经有超过 200 万家网站使用 Cloudflare 所提供的服务,这其中包括全球顶级网站前 100 万家中的 7%。从理论上来说,Cloudflare 能够让客户更充分发挥服务器推送的能力,同时也为客户新增了部分工作内容。例如,WordPress 用户将需要安装 服务器推送插件以便充分利用这项功能。

普林斯表示该项目的真正意义是,将这把利器交到早期适配者的手中,从而让网页应用翻开新的篇章,尤其是在手机领域。让网页更像一款本地应用样流畅使用,为互联网的未来带来更美好的前景。

文章来源: Wired,TECH2IPO / 创见 泡沫 编译,首发于创见科技(http://tech2ipo.com/),转载请注明出处。

相关 [网页 加载] 推荐:

Android 网页加载完成ProgressDialog运用

- - CSDN博客推荐文章
      "正在进入网页,请稍后.   // 设置视图客户端. 作者:gongzibai 发表于2012-7-23 0:31:58 原文链接. 阅读:13 评论:0 查看评论.

使用谷歌统计来跟踪网页加载时间

- 车东 - 标点符
Google Analytics可以用来记录网站的加载时间或网页内各个模块的加载时间,其实整个原理非常的简单,只是记录页面呢不同位置javascript的执行时间,两者相减即加载时间. 比如我想知道用户加载页面中head部分JS和CSS的时间和加载页面中主体内容body的时间. 1、在页面head中CSS和JS文件加载前添加如下代码:.

度量网页加载性能的几个时间指标

- sayhelen - 淘宝核心系统团队博客
  AliPage是一款网页性能探测工具,该工具对下发任务指定的URL进行探测. 其中直接上报的数据包括开始渲染时间、网页文档下载完成时间、完全加载时间和响应的状态码.        开始渲染时间(TTSR):当浏览器访问某个网页时,从客户端开始发起请求,到客户端浏览器开始看到非空网页对象. 用户越早看到浏览器的内容,心理上的等待时间就越短.

Chrome 17将大幅提升网页加载速度

- 韬光养晦 - cnBeta.COM
据国外媒体报道,Chrome 17已经作为Chromium nightly版通过Webkit渠道发布,这是Google今年发布的第九个修订版浏览器. 新版Chrome首次整合HTTP管线化(HTTP pipelining)技术. 用户可以通过chrome://flags进入设置界面,点击HTPP Pipelining选择框激活这项功能.

《让网页加载快一些》培训演示文档

- - BlogJava-首页技术区
《让网页加载快一些》,这篇PPT演示文档,目的在于扩大视野用(没有涉及到深度),便于在处理网页性能优化时,为一些同事提供一些处理思路,避免到处撞墙. 如何让一个页面加载快一些,这是主题. 页面每经过一个环节,都会简单涉及. 覆盖面广(前前后后都有),但蜻蜓点水. 可能会增加些视野(目的也就达到了).

网页加载速度 最多不能超过3秒!

- - 雷锋网
【编者按】本文由Cucumbertown联合创始人Cherian Thomas撰写,阐述了其对网页加载的看法. 在Cucumbertown我们运用各种方法来确保我们的页面加载时间保持在2秒内,最多不能超过3秒,我们真的非常看重这个. 如果响应超过3秒的话我们就会收到不少的警报. 几天之前,那时候Chris Zacharia还没写那篇说明页面权重重要性及 YouTube应对之策的文章.

android WebView, WebChromeClient和WebViewClient加载网页基本用法

- - CSDN博客推荐文章
WebView, WebChromeClient和WebViewClient加载网页基本用法.  webview是android中的浏览器控件,在一些手机应用中常会用到b/s模式去开发应用,这时webview的强大功能就会显示出来.  1、webview的几点设置.  权限设置:.AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误.

让网页加载快1秒的深远影响

- - TECH2IPO/创见
全球内容交付网络(CDN)服务领头羊 Akamai 近日公布的《互联网状况》指出,2015 年第 4 季度全球平均网速为 5.6Mbps,同比增长 23% 环比增长 8.6%. 宽带发展联盟发布的第 11 期《中国宽带速率状况报告》显示,2016 年第 1 季度我国固定宽带网络下载速率达到 9.46 Mbit/s,环比提升 13.4%,而且工信部表示将继续提速年底之前希望平均接入速度达到 30M.

Google 测试可一直在同一页加载搜索结果的网页

- xing - cnBeta.COM
Google之前测试过一直保持在顶部的搜索框,现在他们又在搜索界面页面的下部做其了小动作. 如上图,你看不到经典的Goooooooooogle链接来跳转到后面的搜索结果页面了,取而代之的是Show more results的按钮,点击即可再在当前页面已经显示的10个搜索结果下方继续显示出10个新的搜索结果.

谷歌计划将移动网络网页加载速度提高一倍

- - cnBeta.COM
感谢 dou的投递. 4月19日消息,据国外媒体报道,作为谷歌的技术总监,艾维那·简恩(Arvind Jain)一直在通过全球的旅馆、办公室、机场休息区等各种途径监控网络接入速度,寻求途径来加快接入网络的速度. 简恩的任务是使移动网络的网页加载速度比目前提高一倍. 目前,美国移动网络的网页加载速度平均为9.2秒.