前端性能优化----yahoo前端性能团队总结的35条黄金定律l
除了自己总结：1. 减少http请求，2.压缩并优化js/css/image 3.尽量静态页面，从简原则 4.代码规范(详见：个人知识体系思维导图) 从yahoo 新学到的： 网页内容 减少http请求次数 80%的响应时间花在下载网页内容(images, stylesheets, javascripts, scripts, flash等)。 减少请求次数 是缩短响应时间的关键！可以通过简化页面设计来减少请求次数，但页面内容较多可以采用以下技巧。 1. 捆绑文件 : 现在有很多现成的库可以帮你将多个脚本文件捆绑成一个文件，将多个样式表文件捆绑成一个文件，以此来减少文件的下载次数。例如在asp.net中可以使用 ScriptManager ，asp.net MVC中的 Bundling 。 2. CSS Sprites : 就是把多个图片拼成一副图片，然后通过CSS来控制在什么地方具体显示这整张图片的什么位置。给大家看个熟悉的Sprites实例。 豆瓣把他的图标集中在一起，然后我们看他如何控制只显示第一个图标的 .app-icon-read { background-position : 0 0; } .app-icon { background : url("/pics/app/app_icons_50_5.jpg") no-repeat scroll 0 0