开发 C 端 h5 页面时少不了首屏优化，在开始优化前需要先做一些必要的知识储备，前端部分性能优化储备知识请看这里！

实测http1和http2性能对比，并分析Network的Timing图 测试网站 https://http2.akamai.com/demo 测试样本 378个小图片（每个图片大小 1至4kb左右）

requestAnimationFrame的与浏览器的绘制过程同步，以提供最佳的性能和动画效果，浏览器事件循环的过程

在现有的javascript引擎中，V8引擎绝对是其中的佼佼者，chrome和node底层都使用了V8引擎，其中chrome的市场占有率已经达到70%，而node更是前端工程化以及扩展边界的核心支柱，V8引擎对于一个前端开发工程师来说重要程度可想而知。我们大部分javascri…

1. 意外的全局变量 2. 遗忘的定时器 3. 使用不当的闭包 4. 遗漏的 DOM 元素 5. 网络回调 可以抓取两份快照，两份快照中间进行内存泄漏操作，最后再比对两份快照的区别，查看增加的对象是什么，回收的对象又是哪些，如上图。

前不久写了一篇关于如何使用 Chrome DevTools 优化高德地图动画的文章，其中提到了 composite，但是并没有细谈。思考许久，还是觉得有必要再总结一下。

H5 页面发版灵活，轻量，又具有跨平台的特性，在业务上有很多应用场景。但是同时对比 App，H5 的性能表现总是要逊色一筹，比如页面打开往往会出现白屏，滑动列表等交互场景下也不如 Native 页面流畅。针对这些白屏、卡慢之类的问题，我们测试该从哪些方面去展开测试分析和数据对比…