第六节课预习

[loskael]

前端性能优化（一）

这篇是 Google 出的性能优化的系列文章，大家过年在家可以花点时间全部看一遍，有问题可以在下面回复 https://developers.google.cn/web/fundamentals/performance/why-performance-matters/

了解常用性能测试工具

• chrome developer tools
• 了解 ySlow 及其 23 条规定 http://yslow.org/
• 熟悉 PageSpeed
• 熟悉 Lighthouse

HTTP 缓存相关

有兴趣可以从 rfc7234 这个标准开始，了解相关的规定，另外，就是 rfc2616 已经废弃了

• https://www.mnot.net/blog/2014/06/07/rfc2616_is_dead
• https://tools.ietf.org/html/rfc7234
• https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control
• http://www.cnblogs.com/vajoy/p/5341664.html

客户端缓存

• localStorage + sessionStorage
• App Cache (manifest)
• Service Worker

执行优化

• 了解 JIT(Just In Time) 原理，这个大家有时间了解即可
• 熟悉 throttle & debounce

[loskael]

练习: 1、https://github.com/FE-star/exercise19 2、尝试 PWA，至少写个 demo 玩玩 https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0