Leverage browser caching的方法
网站上的静态内容,诸如:图片、CSS、JS、flash等,一般变动很小,甚至几个月都不会有所更改,这些体积庞大的静态内容占据了大部分网页加载时间。如何降低静态内容加载时间,甚至不需要(二次)加载静态内容,Leverage browser caching(浏览器端缓存)可以有效地解决这一问题,他使得浏览器可以缓存静态内容,使得浏览器不需要二次加载这些内容。
实现方法也很简单,向.htaccess(推荐用ftp把.htaccess文件下载到本地,使用notepad++软件编辑保存后在上传覆盖,以免出错。
注意,使用记事本或者直接在主机后台编辑很容易出错,请小心。另外,修改你的.htaccess文件之前,请备份好一个,出错的话,用旧的覆盖即可。
文件中添加以下代码:
# Turn on Expires and set default to 0
ExpiresActive On
ExpiresDefault A0
# Set up caching on media files for 1 year (forever?)
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">
ExpiresDefault A29030400
Header append Cache-Control "public"
</FilesMatch>
# Set up caching on media files for 1 week
<FilesMatch "\.(gif|jpg|jpeg|png|swf)$">
ExpiresDefault A604800
Header append Cache-Control "public"
</FilesMatch>
# Set up 2 Hour caching on commonly updated files
<FilesMatch "\.(xml|txt|html|js|css)$">
ExpiresDefault A7200
Header append Cache-Control "proxy-revalidate"
</FilesMatch>
# Force no caching for dynamic files
<FilesMatch "\.(php|cgi|pl|htm)$">
ExpiresActive Off
Header set Cache-Control "private, no-cache, no-store, proxy-revalidate, no-transform"
Header set Pragma "no-cache"
</FilesMatch>
想要更进一步优化你的网站? 可以从那靠以下文章 :
1F
把你博客收藏了,一值只会买GODADDY和IXWEBHOSTING的主机,没想到还可以有这么多的选择
2F
没想到还可以有这么多的选择