前端性能优化最佳实践

如今浏览器能够实现的特性越来越多，并且网络逐渐向移动设备转移，使我们的前端代码更加紧凑，如何优化，就变得越来越重要了。

开发人员普遍会将他们的代码习惯优先于用户体验。但是很多很小的改变可以让用户体验有个飞跃提升，所以任何一点儿小小的优化都会提升你网站的性能。

前端给力的地方是可以有许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你一些前端性能优化的最佳实践，只需要一分钟，就可以优化你现有的代码。（本文内容来自 极客标签）

目 录 [ - ]

1. 最佳实践1：使用DocumentFragments或innerHTML取代复杂的元素注入
2. 最佳实践2：高频执行事件/方法的防抖
3. 最佳实践3：网络存储的静态缓存和非必要内容优化
4. 最佳实践4：使用异步加载，延迟加载依赖
5. 最佳实践5：使用Array.prototype.join代替字符串连接
6. 最佳实践6：尽可能使用CSS动画
7. 最佳实践7：使用事件委托
8. 最佳实践8：使用Data URI代替图片SRC
9. 最佳实践9：使用媒体查询加载指定大小的背景图片
10. 最佳实践10：使用索引对象
11. 最佳实践11：控制DOM大小
12. 最佳实践12：在繁重的执行上使用Web Workers
13. 最佳实践13：链接CSS，避免使用@import
14. 最佳实践14：在CSS文件中包含多种介质类型

点击打开链接