杰趣网志

马特卡茨（Matt Cutts）最近表示：改善网站速度可以提高搜索排名！（提高Google pagerank) 更不用说事实上更快的下载时间意味着较低的跳出率和更多的访客的参与到您的网站。

有迹象表明网站速度有很多的因素，至少不仅仅是其中的相片和图形。由大量图片或图形构建的站点需要更快的网络连接，以用来减缓下载的时间。一次，优化你的站点图像可以对您的访问者和搜索引擎排名产生积极作用。

方法一、将图片放在同一个主机上
每当浏览器请求一个网页，发送的头部信息中会包含下载的操作命令，如果您的网站上的图片存放在类似Flickr或photobucket这样的图片站点上，用户就不得不在每次HTTTP请求图片的同时附加不同的DNS请求。

这就是常常提到的hotlinking。总之最好把你的网站的图片上传到同一个服务器，并使用相同的域名。如果您的网站图片服务器使用了单独的子域名，浏览器将不得不作出另一个DNS请求结果还是同样的问题。

方法二、使用谷歌图像优化器 Google’s image optimizer
谷歌已经建立了一个页面速度插件（Page Speed plugin）旨在帮助提高网站的速度。这个插件最酷的功能之一是它能自动优化网站图片，减少它们的大小并保持其质量的图像。

这是谷歌优化的维基百科Wikipedia的页面上的网页设计分析截图。正如你可以看到的，有6个可以优化图像。为了优化，简单的“另存”或查看或者“另存为”。

这是维基百科页面上没有优化的Zen garden（禅宗花园）的图像：

这是已经优化过减少了7％的图像：

你能看的出他们的区别么？我不能。

通过优化您网站上所有图形和图像，您可以真正减少您的页面大小。
http://code.google.com/speed/page-speed/download.html

方法三：使用CSS Sprite的减少HTTP的请求
另一个问题，许多网站使用许多不同的图形和图像来设计布局。这可能会导致几十和几十个不同的文件已被下载来显示一个网页。

每次加载网页，浏览器发送一个HTTP请求，要求它的域名服务器发送回该网站的所有部分。一系列通过网络系统往返与浏览器和服务器之间的数据包，通常这些数据包要通过七个不同的层（七层模型）。如果我们能够减少服务器的请求次数和浏览器必须在下载过程中通信数量，下载的时间将大大减少。

其中的一个方法是使用CSS Sprite。 总体上说CSS精灵让您使用的图形都是一个很大的形象，并指定其中的一部分，从而减少使用的地方到一个图像的全部请求。

例如，在网页设计维基百科页面可以创建一个大的图像包含的所有图像和图形。维基百科然后只在不同地方使用该网站的不同部分基于这张大图像的特定部分。

这听起来很复杂？也许是，但是您不要担心，因为存在许多用于创建的CSS Sprite的在线解决方案。

http://csssprites.com/
http://css-sprit.es/

这是谷歌的Google’s sprite：

这是youtube的:

开始优化之路吧， Happy optimizing…
翻译原文：http://www.quickonlinetips.com/archives/2010/04/optimize-image-downloads-improve-site-speed/

分享：