前端性能优化---概述

[hulin32]

准备写一系列前端优化相关的文章。

这边文章先概述一下我接下会写的相关内容。

前端现在越来越酷炫，交付也越来越复杂，饭碗也越来越结实(意淫中)。随之而来的所需要的资源也会越来越多。字体想用自己想用的，放更多的图片，可能还有js写的图表，无限向下滚动，再来点canvas...当用户浏览页面的时候，如果需要好几秒才能下载完并可以交互，那会非常的影响交互。

因此写完代码后会有多地方需要优化，当然我们在写代码的过程中就应该考虑这些优化，提前做，这会给后面节约很多时间。

在之后的文章里我会谈到到现在为止我所学的优化的相关知识，后面学到新的时候在补充相应的。

现在初步准备写以下内容：
1.图片
2.字体
3.css
4.js
5.缓存

写下这些一是在将来好回顾，另外也是对这些知识的加深和巩固
相应的代码我会放在pwa_example的commit中，每一节会提交2个commits，分别以start,end结尾

现有的大多数知识都是来自：

《高性能网站建设指南》

《高性能网站建设进阶指南》

《Web性能权威指南》

google fundamentals(这份文档非常棒，强烈建议阅读)