提高网页效率的14个注意点第1/3页

一个网站最基本的东西是什么？3354内容？SEO(搜索引擎优化)？用户体验？都是错的！是速度！如果访问速度太慢，丰富的网站是没有意义的。再好的SEO，搜索蜘蛛抓不住也没用。UE设计的人性化网站，如果用户连看都看不到，那就是一句空话。所以网页的效率绝对是最值得关注的方面。如何提高网页的效率？史蒂夫索德斯(史蒂夫索德斯，http://www.oreillynet.com/pub/au/2951)提出了14条提高网页效率的指导方针。而这些标准也将是下一部分介绍的YSlow工具的理论基础：make怯http请求使用一个内容传递网络添加一个expires header gzip组件把CSS放在top move sc。底部的JavaScript避免CSS表达式使JavaScript和CSS外部减少DNS查找Minify JavaScript避免重定向删除重复脚本S配置etags使Ajax可缓存在这里，我们将逐一解释这些准则，我将详细解释与开发人员密切相关的准则。小弟的个人技能确实有限，所以犯错和无知在所难免。请向你的上级寻求建议。00-1010 80%的用户响应时间浪费在前端。这次主要是下载图片、样式表、JavaScript脚本、flash等文件造成的。减少对这些资源文件的请求数量将是提高网页显示效率的重点。这里似乎有一个矛盾，就是如果我减少很多图片、样式、脚本或者flash，那么网页就不是光秃秃的，又有多难看？其实这是一种误解。我们只说尽量减少，没有说完全不能用。要减少这些文件的Request请求数量，当然有一些提示和建议：

第一条：Make Fewer HTTP Requests 尽可能的减少HTTP的Request请求数。

，真正颠覆了传统思维。以前我们总以为几个小图的下载速度会比一个大图的下载速度慢。然而，在使用httpwatch工具分析了多个页面之后，结果显示情况并非如此。第一张图片是一张337*191px的大图片，大小为40528字节的分析结果。第二张图片是一张大小为13883字节，大小为280*90px的小图片的分析结果。

一张大小为40528字节的337*191px大图的分析结果(点击图片查看完整大图)。

大小为13883字节的280*文件。90px小图分析结果(点击图片查看完整大图)第一张大图拍摄的时间为：被遮挡：13.034 ssend: 0.001 s等待：0.163 s cereve: 4.596 sttfb: 0.164 s网络：4.760 s功耗：17.795s实际用于传输大文件的时间为Reveive time。即4.596s大部分时间用于搜索缓存，判断链接是否有效，耗时13.034s，占总时间的73.2%。阅读下一页的全文。