自从有了html5，做网页就更加方便了，不仅提高了优化方面的工作量，还方便了搜索引擎及用户，而今天我们要介绍的就是关于html性能优化方面的实战介绍，希望可以帮助大家。

正文如下：

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

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

以下为演讲实录：

魏晓军：接下来的分享内容是由我带来的关于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的框架。接下来我想讲我们在做这个框架的时候遇到什么问题，逐一的跟大家分享一下，知识点可能比较零乱，但是都是我们实际的干货。

以上就是关于html5性能优化方面的介绍，希望可以帮助大家提升优化技能，也帮助SEO爱好者了解html5方面的知识点。如果想要学习html5方面的知识就联系我校的老师吧！