web前端性能优化.pptVIP

因为CSS表达式会频繁求值，当页面滚动、甚至用户鼠标移动时都会求值。 /art/201012/236150.htm Web前端优化学习笔记 mengxl 2011-09-28 前端优化的重要性 前端优化的主要方法 推荐前端优化工具 注：主要是学习总结《高性能网站建设指南》一书部分内容 主要内容 优化分类 用户响应时间分布(二八原则) 一、前端优化的重要性 优化分类 前端优化：通常只要较少的时间和资源，例如修改Web服务器配置文件、将脚本和样式表放在特定位置、合并图片、合并脚本等； 后端优化：通常代价比较大，例如重新设计应用程序架构和代码、查找和优化临界代码路径、添加或改动硬件、对数据库进行分布化等。 一、前端优化的重要性 用户响应时间分布 10%～20%——从服务器端获取HTML文档上（后端优化内容） 80%～90%——下载页面中的所有组件上（前端优化内容） 根据二八原则，我们应该更关注前端优化。注：这数据不是猜测的，著者列举了十大网站的具体数据。 一、前端优化的重要性 减少http请求次数 充分利用并行下载 减小元素的大小 其他方法 二、前端优化的主要方法 优化图片，有三个具体方案：图片地图、CSS Sprites、内联图片三种，最值得关注的是CSS Sprites。 合并脚本和样式表，虽然合并有悖于模块化开发的原则，但非常有利于性能。 二、前端优化的主要方法——减少htt