听云APMCon:携程HTML5性能优化实战

来源:互联网
更新时间:2016/11/1 15:09:16
责任编辑:李志喜
字体:

  【中国学网IT新闻频道】中国应用性能管理行业盛宴——2016中国应用性能管理大会(简称APMCon2016)于8月18日至19日在北京新云南皇冠假日酒店隆重召开。APMCon由听云、极客邦和InfoQ联合主办的作为国内APM领域最具影响力的技术大会,首次举办的APMCon以“驱动应用架构优化与创新”为主题,致力于推动APM在国内的成长与发展。

  携程框架研发部高级研发经理魏晓军于HTML5调优最佳实践专场发表了题为《携程HTML5性能优化实战》的演讲,现场解读了携程在HTML5方面的一些性能优化实战经验。

点击图片看大图学网 www.xue163.com

  以下为演讲实录:

  魏晓军:接下来的分享内容是由我带来的关于HTML5框架下的优化实战,我今天讲的和上面他们讲的不太一样。我刚才看了一下今天的演讲主题,基本把 HTML5所有东西基本上都涵盖了,有用测试框架去检测HTML5性能问题的,接下来还会有HTML5速度环境的一些优化等。而我今天先讲一下携程在 HTML5方面做了哪些优化。

  一、HTML5概况

  首先讲一下这里HTML5说的就是HTML5,其实HTML5发展下来不仅仅是HTML,它包含一套有CSS和JavaScript在内的一套技术组合,传统的HTML5里面有新的标签和新的元素的增加,CSS之间有一些动画等其他的方面,种种这些都是广泛的HTML5定义,不仅仅是狭义上理解的 HTML5。

  HTML5 发展趋势我们可以看到应用在游戏领域例如刚才魏子钧老师介绍的游戏方面的HTML5,还有大家常用的电商,每一家网站都有自己的HTML5网页,还有 OTA上面的携程、去哪儿等,都脱离不了HTML5。当然还有广告,微信里面用的最多推销都是HTML5页面,可见HTML5是随处可见的。为什么 HTML5发展这么好?有几个优点,最简单的优点就是跨平台,再有就是它的开发周期比较短,其实它优点还有很多,这里就不再多说。

点击图片看大图

  HTML5 还有一些载体,HTML5自身的优化再加上载体的优化才能达到完美的,所以上面我罗列了几个载体,最常见的大家用的最多的就是微信,我们在微信里面经常看到一些网络推销页面,包括我们自己的一些公众号,以前都是HTML5页面。再有就是APP里面,APP里其实有多种模式,比如Native模式,我们经常会看到APP里面一些广告页,或者变化比较频繁的页面都是HTML5做的,其中最简单的就是可以看到很多平台上都有扫一扫。再有就是浏览器,所以这些东西都是它的载体,你光优化HTML5如果载体不变的话怎么优化都是有限的,包括最早接触的AE6,如果AE6不升级大家都去做AE6也是不行的。

  二、携程HTML5框架简介

  接下来说一下携程HTML5的使用框架,我们把它叫做Lizard,Lizard其实是蜥蜴的意思,把名字起名为Lizard就是希望我们的框架跨平台,HTML5可以走,SEO可以用,Hybrid可以用,我们现在携程的HTML5框架对于开发人员来说只需要做代码,这就是我们名字的由来。

点击图片看大图

  框架内部其实走的是单页面的模式,我们自己基于业界一些开源的东西去组装成单元的架构,里面其实含有一些定制化的行为,包括性能采集,自定义化的UI,还有第三方的合作,整体就构成了HTML5的框架。接下来我想讲我们在做这个框架的时候遇到什么问题,逐一的跟大家分享一下,知识点可能比较零乱,但是都是我们实际的干货。

www.xue163.com true http://www.xue163.com/184/6/1843355.html report 2768 听云APMCon:携程HTML5性能优化实战,【中国学网IT新闻频道】中国应用性能管理行业盛宴——2016中国应用性能管理大会(简称APMCon2016)于8月18日至19日在北京新云南皇冠假日酒店隆重召开。APMCon由听云、极客邦和InfoQ联合主办的作为国内APM领域最具影响力的技术大会,...
最近关注
首页推荐
热门图片
最新添加资讯
24小时热门资讯
听云 要听神明的话百度云 听云监测 蓝天云听 听云官网 听云楼主 听云社工库 张文顺听云楼主 问答协议及帮助用户反馈
精彩资讯
精彩推荐
热点推荐
真视界
精彩图片
社区精粹
关于本站 | 广告服务 | 手机版 | 商务合作 | 免责申明 | 招聘信息 | 联系我们
Copyright © 2004-2016 Xue163.com All Rights Reserved. 学网 版权所有
京ICP备10044368号-1 京公网安备11010802011102号
荐闻 | 学网头条知识问答 | 装修 | 作业 | 荐闻 | 学网头条精彩微信 | 新闻中心 | 软件教室 | 设计大全 | 网络相关 | 英语学习 | 开发编程 | 考试中心 | 参考范文 | 管理文库 | 营销中心 | 站长之家 | IT信息中心 | 商学院 | 数码大全 | 硬件DIY | 企业服务 | 网吧在线 | 问吧 | 百科 | 硬件知识 | 本网视点 | 文库 | 手机 | 平板 | 汽车 | 游戏 | 家电 | 精彩摄影 | 时尚科技 | 现代家居 | IT女人 | 经验 | 每日新闻 | 健康养生 | 图书馆 | 猎奇 | 精彩看点 | 图库 | 新闻中心 | 软件教室 | 设计大全 | 网络相关 | 英语学习 | 开发编程 | 考试中心 | 参考范文 | 管理文库 | 营销中心 | 站长之家 | IT信息中心 | 商学院 | 数码大全 | 硬件DIY | 企业服务 | 网吧在线 | 问吧 | 百科 | 硬件知识 | 本网视点 | 文库 | 手机 | 平板 | 汽车 | 游戏 | 家电 | 精彩摄影 | 时尚科技 | 现代家居 | IT女人 | 经验 | 每日新闻 | 健康养生 | 图书馆 | 精彩微信 | 猎奇 | 精彩看点 | 图库编程 方案 信息windows方案windows answer文档机构教育文档问答中心IT编程数码信息解决方案信息中心IT科技