/ 月溅星河长路漫漫 / 前端优化最佳实践汇总

前端优化最佳实践汇总

2016-11-02 posted in [How To Do]

一、前端优化的目的

最近在总结一些前端优化的方法,结合以往做项目的经验以及网上的一些资料,对常用的优化方法进行了汇总,以后如果遇到一些新的方法也会在这里进行补充。

  1. 对用户:页面加载更快,用户操作响应及时,更友好的体验;

  2. 对服务商:减少页面请求,减小请求所占带宽,节省资源。


二、优化的途径

1. 页面级别的优化

如:减少HTTP请求数,脚本的无阻塞加载,内联脚本的位置优化等。

2. 代码级别的优化

如:js中DOM操作优化,CSS选择符优化,图片优化,HTML结构优化等。

3. 服务器级别优化

三、更多扩展

想了解更多的信息,可参考Web前端优化最佳实践及工具集锦,里面列出了谷歌和雅虎公司列出来的一系列前端优化最佳实践,同时也列出了一些性能测试和优化工具,有兴趣的coder可以了解下。