黄慧攀:HTML5 应用加速-Html5-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝29
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:177回复:0

黄慧攀:HTML5 应用加速

楼主#
更多 发布于:2016-06-12 12:02



7月19日,由html5梦工场主办的第四届HTML5峰会暨攻城师嘉年华(iWeb峰会)首站在上海开幕,会上UPYUN(又拍云)的 CTO
黄慧攀宣布了《HTML5 使用加快》主题讲演。
以下是讲演实录:
咱们好,我叫黄慧攀,今日给咱们讲的主题是加快H5使用,这个东西十分简略,十分5分钟就能把这个东西提速。

咱们今日就来一个实例,咱们如今加快一下咱们H5峰会上海站的主站,这个是咱们的活动官网,能够看到他悉数页面的加载应当耗时2.17秒,咱们不允许浏览器缓存这些资本,每一个请求都必须落到效劳器里边去。
今日给咱们介绍的作业是啥?他即是全站加快的东西,假如你把它介入到你的网站或许使用里边,你立刻就能得到作用的提高。
这个是我自个在我的upyun的空间,要绑到官网里边去,这么一弄加载速度就成为1.26秒,这个加快到达了40%的样子。
我剖析了一下咱们这个官网有啥特色,官网效劳器在北京一个机房里边,他的网络条件都是十分优异,全国的拜访资料都能够确保。我在测验的地址即是在浙江杭州电信的网络连上去,在这儿我剖析了悉数页面的加载。第一个必定是页面自身的动态页面,他的加载假如我直接去源站的话只需60毫秒,这个速度十分棒。假如走的CDN的话,他要到达140多毫秒,这儿是变。静态内容我看了一下,从源站下载能力要1秒从CDN下载只需300多毫秒,这个速度提高了70%,本来他是马上3倍。
这张告诉咱们详细的怎样的,在右手边,咱们就能够看到1.07秒是本来主站上面下载图像的速度,上面那个小图是我从CDN下载的数据,300多毫秒。
在这儿咱们需求总结一下,为啥说悉数页面加马上40%呢?咱们刚刚说到动态业反而慢了一倍,静态的资本加快速度是到达了3倍。咱们会发现这个页面里边,那些静态资本的数量比起我这个页面自身要多得多,比如说这个官网就有102个静态资本,假如我把静态资本这块东西加快的话,适当于我悉数页面翻开时刻会得到一个提高,所以他的速度是能够加快到40%。并且这些静态资本还能够被缓存,假如在边际缓存速度是十分棒的。为啥这些资本我要缓存在节点上面呢?upyun有120多个节点全国的电信、联通、移动网络都能够得到掩盖,upyun网络掩盖是全国抢先的,没有别的公司能够比照,移动有22个节点,电信、联通是百分之百掩盖的,只需新疆、西藏没有掩盖。
边际节点的掩盖率越高,得到加快的作用会越好,为啥会这么?从咱们浙江电信这儿,假如我要源站北京的B2B机房下载一个资本,他走的链路是如何的?第一个我必定从家里连到浙江电信的网站,再从浙江电信连到北京电信,再从北京电信落到北京B2B机房,这儿边能够分红三段,最慢的那段即是浙江到电信,这儿是跨省的网络,这儿会呈现许多疑问,由于咱们主干那一块有限的,他不像在一个省内,一个区域内,区域内的带宽是十分富余的,但是一出省了,那就会遇到带宽的疑问。
下面这个图是我临时加上去的,这个图会说明为啥是这么,并且他的真实状况即是这么。这张图是某一个网站下载速度的截图,是近来7天的,他应当在黑夜7点钟到黑夜10点钟会是速度的低谷,这个低谷现已用到了CDN还会呈现低谷,由于在本省内带宽都现已呈现拥堵,更何况要跨省,他的速度会更慢。还有创业者的效劳器资本不是这么好,有也许用的单线的效劳器,跨网网络质量更差,下载速度十分慢,除非你用B2B,你又面对昂扬的本钱,这个本钱肯定是CDN的两三倍以上,所以这个资本合适放到CDN,并且他的消费者比B2B还要好。
这个是upyun主干网络,在咱们的网络里边通过链路优化到达最快的速度拜访联通的效劳器,主干的网络投入十分大,咱们从广东到浙江,香港到广东的长传光纤,在咱们公司就能够流通官场咱们4K的视频,他是一点都不卡的。咱们下半年建造美国到香港,法国到香港的长传的光纤链路,咱们听到这些应当就能了解到,咱们正式开端像世界的加快跨进咱们自个的脚步在这个明晰,咱们刚刚还真正上了一个美国自建节点。如何叫自建,一切的硬件、路由器、交换机都是自个的收购的。
方才咱们说的都是比较简略的,裤子都脱了,再给咱们更给力一点的东西。这儿还能够再提高10%的速度,到达加快度是50%,本来这50%用到的只是十分小的功用,他即是HTTPS+SPDY就能用这个功用,假如你的资本多的话,他给你的是一个加快,而不是说他会变慢,由于我找了好久找到一个HTPP/2的,这儿边首要一个TCP链路里边,能够让你同时下载多个资本,就能够用到链路复用,能够节约网络的开销,会使得全体下载速度会更快。尤其在咱们移动网络,在3G/4G网络更好。
咱们用了HTTPS的话,咱们内容更安全,不会被国内运营商绑架你的内容,咱们也许看到介绍,我的APP里边弹出一个广告,这种即是链路截至,他把你的内容都改变了。假如你用了咱们的HTTPS效劳的话,还能够防止域名绑架,这个也是很主要的手法,尤其在移动网络内,他乃至会把你的APK,比如说我下载的是一个小游戏,我下载回来的内容居然是一个使用商场,这种不可思议状况是十分多的。
咱们要得到这一切的话,那个本钱会是多少?我需求支付啥。?第一个,我要买一个域名的证书,假如咱们到国外直接采购,通常几十美金就好了。另外到CDN加快的话,现在咱们北京应当是会廉价的,0.29元/GB流量,假如你参加upyun联盟,乃至是每月免费15GB流量,9月份咱们会做更大的礼包出来。







优质IT资源分享社区为你提供此文。
本站有大量优质html5 css js等web前端开发教程视频,资料等资源,包含html5 css js 前端开发框架等基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客