第八节课预习

[miniflycn]

前端性能优化（二）

执行优化

• 测试代码的性能
• http://jsben.ch/
• https://benchmarkjs.com/
• https://github.com/jsperf/jsperf.com

JIT(Just In Time)

• 了解原理即可，原文 译文
• 另外，这个专栏不少文章都是跟性能优化相关的，有时间可以看看 https://zhuanlan.zhihu.com/qianduandaha

Lazy

• throttle & debounce
• setTimeout & requestAnimationFrame
• lazyload & preload
• 大列表优化

其他

• MTU + inline + base64
• 小图 vs 大图
• progressive vs baseline
• webp + webm
• HTTP/2 ?
• QUIC ?

[miniflycn]

作业

1. https://developers.google.cn/web/fundamentals/performance/rendering
2. https://github.com/dwarfJS/webkit-dwarf/blob/master/src/dwarf.js