YAHOO网页加速的14条优化法则.docVIP

YAHOO网页加速的14条优化法则 导读：就爱阅读网友为您分享以下“YAHOO网页加速的14条优化法则”资讯，希望对您有所帮助，感谢您对92的支持! Web 应用性能优化黄金法则：先优化前端程序(front-end)的性能，因为这是80%或以上的最终用户响应时间的花费所在。 法则1. 减少HTTP 请求次数 80%的最终用户响应时间花在前端程序上，而其大部分时间则花在各种页面元素，如图像、样式表、脚本和Flash 等，的下载上。减少页面元素将会减少HTTP 请求次数。这是快速显示页面的关键所在。 一种减少页面元素个数的方法是简化页面设计。但是否存在其他方式，能做到既有丰富内容，又能获得快速响应时间呢？以下是这样一些技术： 组合多个图片到一张图片中。总文件大小变化不大，但减少了HTTP 请求次数从而加快了页面显示速度。该方式只适合图片连续的情况；同时坐标的定义是烦人又容易出错的工作。 是更好的方法。它可以组合页面中的图片到单个文件中，并使用CSS 的background-image 和background-position 属性来现实所需的部分图片。Inline images使用来在页面中内嵌图片。这将增大HTML 文件的大小。组合inline images到你的（缓存）样式表是既能较少HTTP 请求，又能避免加大HTML 文件大小的方法。 Combined files通过组合多个脚本文件到单一文件来减少HTTP 请求次数。样式表也可采用类似方法处理。这个方法虽然简单，但没有得到大规模的使用。10大美国网站每页平均有7个脚本文件和2个样式表。当页面之间脚本和样式表变化很大时，该方式将遇到很大的挑战，但如果做到的话，将能加快响应时间。减少HTTP 请求次数是性能优化的起点。这最提高首次访问的效率起到很重要的作用。据Tenni Theurer的文章描述，40-60%的日常访问是首次访问，因此为首次访问者加快页面访问速度是用户体验的关键。 法则2. 使用C DN (Content D eli v er y N etwork , 内容分发网络) 用户离web serv er 的远近对响应时间也有很大影响。从用户角度看，把内容部署到多个地理位置分散的服务器上将有效提高页面装载速度。但是该从哪里开始呢？ 作为实现内容地理分布的第一步，不要试图重构web 应用以适应分布架构。改变架构将导致多个周期性任务，如同步session 状态，在多个ser v er 之间复制数据库交易。这样缩短用户与内容距离的尝试可能被应用架构改版所延迟，或阻止。我们还记得80-90%的最终用户响应时间花在下载页面中的各种元素上，如图像文件、样式表、脚本和Flash 等。与其花在重构系统这个困难的任务上，还不如先分布静态内容。这不仅能大大减少响应时间，而且由于C DN 的存在，分布静态内容非常容易实现。 C DN 是地理上分布的web serv er 的集合，用于更高效地发布内容。通常基于网络远近来选择给具体用户服务的web serv er。 一些大型网站拥有自己的C DN ，但是使用如, , 或 等C DN 服务提供商的服务将是划算的。在Y ahoo! 把静态内容分布到C DN 减少了用户影响时间20%或更多。切换到C DN 的代码修改工作是很容易的，但能达到提高网站的速度。 法则3. 增加Expires Header 网页内容正变得越来越丰富，这意味着更多的脚本文件、样式表、图像文件和Flash。首次访问者将不得不面临多次HTTP 请求，但通过使用Expires header，您可以在客户端缓存这些元素。这在后续访问中避免了不必要的HTTP 请求。Expires header最常用于图像文件，但是它也应该用于脚本文件、样式表和Flash。 浏览器（和代理）使用缓存来减少HTTP 请求的次数和大小，使得网页加速装载。Web serv er 通过Expires header告诉客户端一个元素可以缓存的时间长度。如果服务器是A pache 的话，您可以使用Expires D efault 基于当期日期来设置过期日期，如： Expires D efault “access plus 10 y ears ” 设置过期时间为从请求时间开始计算的10年。 请记住，如果使用超长的过期时间，则当内容改变时，您必须修改文件名称。在Y ahoo! 我们经常把改名作为release 的一个步骤：版本号内嵌在文件名中，如y ahoo _2.0.6. j s。 法则4. 压缩页面元素 通过压缩HTTP 响应内容可减少页面响应时间。从HTTP /1.1开始，web客户端在HTTP 请求中通过A ccept-Encoding 头来表明支持的压缩类型，如： A ccept-Enc