前端性能优化经验.md

案例

• 项目名称：淘宝装修辅助工具
• 项目链接：http://tool.yufeg.com/tool/designer
• 系统架构：使用阿里云云服务器ECS，服务器使用Ubuntu系统；网站采用LNMP平台，使用开源 yii2(http://www.yiiframework.com/) Web 2.0 applications 开发。

优化部分

• 所有JS文件，通过RequireJS加载，使用r.js压缩整个项目；
• 使用CSS预处理器Sass编写样式，通过GruntJS压缩所有css文件；
• 关于图片，尽量使用Bootstap这样的框架，有很多可用字体图标。个人嫌弃Bootstrap太大，建议手动编译所需的部分；再就是css sprite；
• 静态资源通过CDN加载；
• 再其它的就是细节部分了，如页面结构，代码质量，使用SPDY协议，服务器配置方面。

总结

项目的不同，优化方案也会不同，但最终目的是一样的。真正好的优化，是知道项目的结构和运行原理，做出对应的优化。知己知彼，百战百胜。