`
fuhao_987
  • 浏览: 61560 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

加快网站速度的最佳做法_(1)最小化http请求

阅读更多
原文地址:http://developer.yahoo.com/performance/rules.html
自己做了点翻译:
最小化HTTP请求
80%的用户响应时间是花在前端。大多数时间用来下载需要的组件,例如,图片,样式,脚本,FLASH等。为了达到渲染页面的目的,减少下载组件的数量,从而减少HTTP请求的时间。这就是加快页面的关键。
一种减少下载组件的方法就是简化页面的设计。但是有没有一种方法既让页面有丰富的内容,又能达到快速响应的目的?毫无疑问,这当然有相应的技术啦。
(1)Combined files:
     把脚本文件合并到一个文件中,把CSS文件合并到一个文件中。当脚本和样式在页面之间改变的时候,合并文件是一件很有挑战性的工作。但是这部分工作会改进你的响应时间。
(2)CSS Sprites
     是减少图片请求最好的方法。把你的背景图合并到一个图中,使用CSS的background-image和backgroud-position属性来显示需要的图片片断。
(3)Image maps
     把很多图片合并到一个图片中,总体大小不变,但是减少了HTTP请求的数量。image maps只有在图片相邻的情况下可以实现,比如导航条。定义image maps的协调性是很容易出错的。对导航条使用image maps是不容易懂,也不推荐的。
(4)Inline images
     使用data这个url方案http://tools.ietf.org/html/rfc2397在实际的页面中嵌入图像数据。这会增加HTML文档的大小。合并inline images到你的样式中是一种减少HTTP请求和避免增加你的页面大小的方法。但是,inline images不是被所有的浏览器支持。

减少HTTP请求的数目只是一个开始。对第一次访问的用户来说这是很重要的。正如Tenni Theuer's的博客中提到的http://yuiblog.com/blog/2007/01/04/performance-research-part-2/ 40-60%对你的站点的日常访问者携带的是空的缓存。提高你页面的速度,对这些第一次的访问者来说是置关重要的。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics