简明现代魔法 -> web设计理念 -> 使用.htaccess开启图片缓存

使用.htaccess开启图片缓存

2010-08-31

博客里大量的图片会使页面加载速度变得缓慢。 此时访问者需要用更多时间才能打开一个页面。 不过我们可以通过缓存图片来解决这个问题。 当页面第一次被加载时,将所有图片存放在浏览器的缓存池里。之后访问者再加载该页面时,浏览器就可以从浏览器缓存中获取图片,从而减少页面加载时间。

对Apache服务器上的WordPress博客/网站,可以通过编辑根目录下的.htaccess文件来激活图片缓存功能。 浏览器能够简单读取.htaccess文件的缓存控制头,而缓存头会要求浏览器将图片或其它任何媒体保留2周时间(或者更久),这样浏览器就能够随时调用图片,直到图片过期。 两周后浏览器重新将过期的图片存入缓存。 万一浏览器缓存被清空,浏览器会从缓存中重新加载图片或其它媒体。

如果你希望提高网站的运行效率,就应该启用网络服务器上的图片缓存功能。 详细步骤如下:

(在FTP中)打开根目录下的.htaccess文件,在.htaccess文件中加入如下代码:

# Image and Flash content Caching for Ten Hours
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf)$">
Header set Cache-Control "max-age=36000"
</FilesMatch>

注意:做任何改动前请先备份网站数据域.htaccess文件。

编辑完毕后保存文件。代码中“max-age”参数的值为36000(秒),因此图片缓存和Flash内容缓存在浏览器中保留10小时。

.htaccess文件是Apache服务器中的一个配置文件,负责服务器上网站的各种参数与配置。与http.ini配置文件不同的是,该文件能定义更多与站点有关的参数与设置。通常来说,虚拟主机可以将这个文件放于网站的根目录。htaccess的作用范围是文件所在目录及其子目录。

.htaccess文件除了可以进行页面301重定向、自定义404错误页面、站点伪静态外,还可以控制文件头等属性。如果在文件中加入语句,使之可以设置图片缓存,则可以大大加快浏览速度,尤其是对于某些经常访问的栏目来说。

通过htaccess文件开启图片缓存,可以让浏览器直接从缓存中读取页面上的图片,加快页面加载速度,减少网站的流量消耗。这对于网站限制了流量的网站来说尤其重要。

另外,在以上代码中加入CSS等文件类型,同样可以缓存网页的CSS代码。注意:如果在使用了CSS缓存之后,请充分考虑到网页可能的更改。以免照成客户端网页没有更新的问题。

一个非常有趣的地方就是,一旦你把CSS缓存后,CSS引用的图片都被缓存了。

如果以上文件出现错误,可能是你的编码问题,或者是全半角与空格问题,htaccess文件对格式要求非常严格,推荐使用htaccess生成器自动处理。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们