收藏本站|设为首页

您现在的位置: 首页 > 新闻中心 > 建站经验 > 详细内容

我的优化YouTube视频播放页面的故事

2013-01-08 09:57 来源: 卓杰科技 www.zhuojie.cc [ ]

youtube

三年前,当我还在YouTube做一名web轨范员时,有一位资深的工程师发了一通牢骚,说播放视频的页面体积太年夜。这个页面体积已经膨胀到了高达1.2MB,包含稀有十次的请求。这个工程师公开的传布鼓吹说,“如不美观他们Quake能在100KB的体积下克隆出我们的页面,我们没有理由达不到这个体积!”因为我赞成他的不雅概念,而且我正在找新的使命,于是就决假寓受这个挑战,让YouTube的视频播放页面的体积减到100KB以下。那天晚上年夜旧金山回家的火车上,我编写了一个根基的原型。我抉择限制页面上的功能数,只保留一个问题,一个视频播放器,五个相关视频,一个分享按钮,一个插旗工具和十条评论——是经由过程AJAX加载的。我把这个使命命名为“羽毛”。

即使这样一个有限的功能,页面的体积仍然达到250KB。我深切代码查看,发现我们的优化工具(好比闭包编译工具)无法清理这个页面上现实没有使用的代码(也许不应求全这些工具,这种情形下任何工具都做不到)。想进一步削减代码,独一的体例就是手工优化CSS,JavaScript和图片。经由辛劳的三天全力,我已经把页面做到了相当的精瘦,但仍然没有低于100KB。因为我刚刚写完了一个HTML5视频播放器,我抉择用它来替代体积粗笨的Flash播放器。砰!98KB,只有14个请求。对这个页面设置了一些根基看管后,我们对一小部门人开放了这个页面。

经由了一周数据的收集,数据有了,但它们却让我思疑。羽毛版下的页面的总体平均延迟时刻现实上是增添的。我削减了总的页面体积,削减了页面请求的次数,但数据显示在加载羽毛视频播放页却花了更长的时刻。这是不成能的工作。深切挖掘数据,经由在浏览器上的一再试验,没有任何结不美观。我根基上要抛却这个版本了,我的崇奉几乎被完全击溃,正在此时,一个同事发现了其中的奥秘:地舆身分。

当我们标注了数据的地舆信息,把所有信息按区域划分进行对比,我们看到了地域,好比东南亚,呐缦憷,非洲,甚至西伯利亚等地在流量上呈现的不合错误称增添。进一轨范查揭示,在这些地域,羽毛版的页面的平均加载时刻跨越2分钟!这意味着,一个通俗的视频,概略1兆摆布,会需要20分钟来加载!人们为了期待这个页面就如斯疾苦,更别提视频了。可纵不美观这些地域,他们之前根柢无法不美旁观YouTube,因为等了良久也看不到什么。而在羽毛版下,尽管要等2分钟才能看到视频的第一帧,但不管若何,事实上是可以看到了。在曩昔的一周里,羽毛版在这个地域很受接待,所以我们的数据被他们弄的完全不服均了。年夜量页堪不能不美旁观YouTube的人此刻俄然可以了。

经由过程开发羽毛,我学到了一个关于世界其它处所收集状况的很有价值的熟悉。我们良多人有幸能糊口在一个有高速宽带的处所,但现实上仍然有很年夜的区域不是这样。经由过程让客户端的代码变少变轻,你就能完全开启一个新的市场。

文:外刊IT评论网

注:相关网站培植技巧阅读请移步到建站教程频道。

本页关键词:

上一篇:潜匿wordpress侧边栏tag的体例 下一篇:蘑菇街分享平台