pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

優化YouTube視頻播放頁面:代碼變少變輕

優化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評論網

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 食品质构分析仪-氧化诱导分析仪-瞬态法导热系数仪|热冰百科 | 运动木地板厂家,篮球场木地板品牌,体育场馆木地板安装 - 欧氏运动地板 | 光伏家 - 太阳能光伏发电_分布式光伏发电_太阳能光伏网 | 反渗透阻垢剂-缓蚀阻垢剂厂家-循环水处理药剂-山东鲁东环保科技有限公司 | 蔬菜清洗机_环速洗菜机_异物去除清洗机_蔬菜清洗机_商用洗菜机 - 环速科技有限公司 | 智能门锁电机_智能门锁离合器_智能门锁电机厂家-温州劲力智能科技有限公司 | 飞利浦LED体育场灯具-吸顶式油站灯-飞利浦LED罩棚灯-佛山嘉耀照明有限公司 | 电杆荷载挠度测试仪-电杆荷载位移-管桩测试仪-北京绿野创能机电设备有限公司 | 杭州营业执照代办-公司变更价格-许可证办理流程_杭州福道财务管理咨询有限公司 | 胜为光纤光缆_光纤跳线_单模尾纤_光纤收发器_ODF光纤配线架厂家直销_北京睿创胜为科技有限公司 - 北京睿创胜为科技有限公司 | 橡胶膜片,夹布膜片,橡胶隔膜密封,泵阀设备密封膜片-衡水汉丰橡塑科技公司网站 | 口臭的治疗方法,口臭怎么办,怎么除口臭,口臭的原因-口臭治疗网 | 台湾HIWIN上银直线模组|导轨滑块|TBI滚珠丝杆丝杠-深圳汉工 | 上海赞永| 自清洗过滤器-全自动自清洗过反冲洗过滤器 - 中乂(北京)科技有限公司 | 深圳市索富通实业有限公司-可燃气体报警器 | 可燃气体探测器 | 气体检测仪 | 英思科GTD-3000EX(美国英思科气体检测仪MX4MX6)百科-北京嘉华众信科技有限公司 | 江苏远邦专注皮带秤,高精度皮带秤,电子皮带秤研发生产 | 质检报告_CE认证_FCC认证_SRRC认证_PSE认证_第三方检测机构-深圳市环测威检测技术有限公司 | 首页-恒温恒湿试验箱_恒温恒湿箱_高低温试验箱_高低温交变湿热试验箱_苏州正合 | 复合土工膜厂家|hdpe防渗土工膜|复合防渗土工布|玻璃纤维|双向塑料土工格栅-安徽路建新材料有限公司 | 美缝剂_美缝剂厂家_美缝剂加盟-地老板高端瓷砖美缝剂 | 济南品牌包装设计公司_济南VI标志设计公司_山东锐尚文化传播 | 中空玻璃生产线,玻璃加工设备,全自动封胶线,铝条折弯机,双组份打胶机,丁基胶/卧式/立式全自动涂布机,玻璃设备-山东昌盛数控设备有限公司 | 北京开源多邦科技发展有限公司官网 | 304不锈钢无缝管_不锈钢管厂家 - 隆达钢业集团有限公司 | 高速龙门架厂家_监控杆_多功能灯杆_信号灯杆_锂电池太阳能路灯-鑫世源照明 | 震动筛选机|震动分筛机|筛粉机|振筛机|振荡筛-振动筛分设备专业生产厂家高服机械 | 南京办公用品网-办公文具用品批发-打印机耗材采购 | 亮点云建站-网站建设制作平台| jrs高清nba(无插件)直播-jrs直播低调看直播-jrs直播nba-jrs直播 上海地磅秤|电子地上衡|防爆地磅_上海地磅秤厂家–越衡称重 | 耐酸碱胶管_耐腐蚀软管总成_化学品输送软管_漯河利通液压科技耐油耐磨喷砂软管|耐腐蚀化学软管 | 招商帮-一站式网络营销服务|互联网整合营销|网络推广代运营|信息流推广|招商帮企业招商好帮手|搜索营销推广|短视视频营销推广 | 铆钉机|旋铆机|东莞旋铆机厂家|鸿佰专业生产气压/油压/自动铆钉机 | 废气处理_废气处理设备_工业废气处理_江苏龙泰环保设备制造有限公司 | 北京企业宣传片拍摄_公司宣传片制作-广告短视频制作_北京宣传片拍摄公司 | 自动记录数据电子台秤,记忆储存重量电子桌称,设定时间记录电子秤-昆山巨天 | 长城人品牌官网| 河南道路标志牌_交通路标牌_交通标志牌厂家-郑州路畅交通 | 江苏密集柜_电动_手动_移动_盛隆柜业江苏档案密集柜厂家 | 北京成考网-北京成人高考网|