前端优化那点事

    做了很长时间的前端，今天就总结一下自己的一些经验和心得，前端的优化林林种种，要想提高网站的性能，提升用户的体验度，需要我们做的方面有很多，自己也是分享一下自己经历的一些。

1.化整为零、提高效率

    简而言之就是，不要一次加载所有的数据，只是加载用户初次可能需要的数据，当用户有更多的数据需求量的时候再发送其他的数据，常见的方式有列表分页、滑动加载！在很多的网站中我们都会看到分页的思想，也许有不同的体现形式，这样和一次从服务器拿到所有的数据相比带来的效果将是显而易见的，也就是“化整为零”的体现。

2.局部操作、勿大动干戈

    用户对页面完成操作将会有很多的前端交互，完成了文本的输入便会有输入文本校验结果的提示；完成密码的设置便会有密码格式的校验提示；完成表单的提交便会有提交结果的提示……所有的交互提示都应该是有针对性的，而不是整个页面的改动。我们需要做的是在局部作出提示，文本框的提示只是在其后做出提示，某个表格的提交只是刷新表格所在的区域，这样减少了其他数据交互的数量，提高了整体的性能！

3.本地缓存、减少请求

    本地缓存是提高性能很有效的一个办法，将服务器的一部分数据保存在本地，减少对服务器的请求；或者是把服务器中用户常用的一些数据保存起来，总之一条就是缓存减少了对服务器的网络请求，这样便可以提供给更多的人更加顺畅的服务。

    其他方面的优化还有减少DOM的操作、高效实用HTML标签和CSS样式、使用CDN加速、规范开发分离js和css文件、压缩传输的图片和文件，总是需要做的工作还有很多，需要一一研究的也有很多，自己也将深入学习，拿来和大家一起分享交流！

参考资料：

http://www.open-open.com/news/view/9902b7

http://www.cnblogs.com/Darren_code/archive/2011/12/31/property.html