加速网站浏览的最佳实战
来源:互联网 发布:h2数据库客户端工具 编辑:程序博客网 时间:2024/04/29 23:09
加速网站的最佳实战
本文译自http://developer.yahoo.com/performance/rules.html
为使网站的浏览速度更快,本文的34个优化手段分为7类:
Content/Server/Cookie/CSS/Javascript/Images/Mobile/
1.最少化HTTP请求
前端花费了终端用户80%的请求时间,而这大部分时间用于下载页面中的组件:例如图片、样式列表、脚本、Flash等等。减少回应的
组件数量即可减少需要实现页面的HTTP请求数量,这种技术是加速调入页面的关键。
减少页面中组建数量的一种方式就是简化页面设计。但是是否存在一种实现美化页面内容同时又能实现快速响应时间的方法呢?这里
就有些技术在保证美化页面设计的同时,减少HTTP请求的数量。
合并文件:通过将所有脚本合并为一个脚本文件或者将所有的CSS并成单个样式列表可以有效减少HTTP请求数量。页面之间的脚本或样
式的不同给合并文件带来了很多难题,但是在设计中按照这种方法可显著提高响应时间。
CSS Sprite:这是更好实现减少图符请求数量的方法。这种方法将背景图片合并为单张图片,通过使用CSS 的background-image 和
background-position属性来显示预期图片段。
Image map:这种方式是将多张图片合并为一张图片。图片的总大小不变,但减少了HTTP的请求数量达到加速页面显示的目的。这种方
式主要用于只有当页面中的图片是连续显示(例如:导航栏)时的情况。定义图片地图的坐标是一种效率不高的方式,而且将这种方
式用于导航也不太合适宜,所以这种方法不推荐使用。
Inline Images:这种方式使用data:URL scheme将图片嵌入到实际页面中,代价是增加了HTML文档的大小。将内联图片合并到可缓存
的样式列表中也是一种减少HTTP请求数量的方法,而且不增加页面的大小。但主流浏览器对这种方式并不支持。
减少页面的HTTP请求数量仅仅是加快浏览页面的开始,对于提高首次浏览者的访问这是首要准则。就像Tenni Theurer's blog post
Browser Cache Usage - Exposed!中分析的一样,日常网站40%~60%的浏览者在缓存中并不存在要访问的页面。加速首次浏览者的访问
速度是实现用户更佳体验的关键。
使用内容传送网络
用户对Web服务器的访问对响应时间存在影响。通过在多点地域分布的服务器存储页面从用户角度来讲能够使页面显示更快,但如何切入呢?
实现物理布式存储页面的第一步就是在设计Web程序时避免分布式架构。
<待续>
- 加速网站浏览的最佳实战
- 来自雅虎的网站优化加速最佳实践
- 网站性能优化最佳实战
- 浏览的网站:
- 经常浏览的网站
- 加速您的网站
- 网站的JQuery加速
- 四大UX设计原则,打造网站最佳浏览体验
- 网站加速最佳实践 – 减少HTTP请求数
- 网站加速最佳实践 – 减少DNS查找
- 网站加速最佳实践 – 避免重定向
- 最佳用户体验的实时加速能力
- 我经常浏览的网站
- 浏览的网站参考价值
- 大学生值得浏览的网站
- 值得浏览的技术网站
- 常浏览的技术网站
- 随机浏览的几个网站
- 常见HTTP状态码及含义
- 性能分析工具汇总
- 开博了。
- SAMBA服务器访问慢的原因
- 根据一张表中含有的字段找到含有该字段的其他表
- 加速网站浏览的最佳实战
- WINCE 5.0的uart驱动
- OpenNMS Ant Build
- tar用法和参数
- msdn网页脚本
- (八)抽象数据结构—队列
- 使用Cache缓存Page页面
- Sudo简要配置
- Java获得腾讯QQ在线状态(.net webservice)