浏览器缓存网站静态文件

当用户第一次访问你的网站时，让用户的浏览器缓存网站的静态文件，如图片\CSS\JS等,然后接访问接下来的页面就会直接调用浏览器的缓存而不是重新从服务器下载，这样既节省带宽和流量又加快了用户打开网页的速度，一石三鸟，用不用你们自己把握。

我们可以用以下两个工具查看：
1. Yahoo开发的浏览器插件YSlow (https://addons.mozilla.org/zh-CN/firefox/addon/yslow/ ,Add Expires headers)
2. Google的Page Speed Online (https://developers.google.com/pagespeed/ ,使用浏览器缓存)

如果的服务器用的是Apache并且支持mod_expires模块，那么只要在网站更目录的.htaccess文件中添加以下代码即可，

//css|htm|html|js|flv|gif|jpg|jpeg|png|ico|swf格式的文件浏览器缓存1个月
<ifmodule mod_expires.c>
<filesmatch ?\.(css|htm|html|js|flv|gif|jpg|jpeg|png|ico|swf)$?>
ExpiresActive on
ExpiresDefault "access plus 1 months"
</filesmatch>
</ifmodule>

但如果你的服务器不支持mod_expires模块，没关系，我的服务器也不支持，为一个文件过期模块不值得装，我们可以通过常用的mod_header模块实现同样的功能，同样方法添加到.htaccess文件中：

<ifmodule mod_headers.c>
//ico|pdf|flv|jpg|jpeg|png|gif|swf格式的文件缓存一年
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=29030400, public"
</FilesMatch>
//js|css格式的文件缓存一个月
<FilesMatch "\.(js|css)$">
Header set Cache-Control "max-age=2629743, public"
</FilesMatch>
//html|htm|txt格式的文件缓存一天
<FilesMatch "\.(html|htm|txt)$">
Header set Cache-Control "max-age=86400, public"
</FilesMatch>
</ifmodule>

转载于:https://www.cnblogs.com/dwnblogs/archive/2012/12/21/2827647.html

浏览器缓存网站静态文件相关推荐

网站静态文件缓存的处理
在网站开发过程中,我们会遇到这样的问题:每次更行css,js文件,都需要清理流量器缓存,现在提供几种解决方法: 1.对于Ajax 的请求(不管是静态数据还是动态数据): //以下三种方法使用其中任何 ...
php如何处理304缓存,php静态文件返回304技巧分享
有时一些静态文件(如图片)会由php输出,会发现请求都是200,静态文件每次都去服务器上请求太浪费资源了,这时如何让浏览器缓存图片呢?就需要我们在php中输出304了. 我们可以利用php中的 HTT ...
Nginx缓存、静态文件缓存配置
Nginx静态Server基本配置 server {listen 80; #监听的端口server_name www.test.com; #监听的域名charset utf-8;#编码root /us ...
python批量替换网站静态文件内的域名
最近在处理网站内的图片域名替换,由于大小专区网站众多(上百个),各网站均用静态文件发布器创建后生成html,css,js文件,要替换文件特别多,域名均写在页面源码里或js,css文件内,纯手工更改是不 ...
浏览器请求服务器静态文件的实现
服务器是基于epoll实现 ET模式非阻塞模式,浏览器用Get请求方式访问服务器本地资源写这个demo过程中遇到问题: 1.浏览器访问的例如 192.168.1.130:8989/ 这个 ' ...
Jenkins 更新网站静态文件
要想去更新网站必须先创建新的任务,任务名写上网站的名字. 现在去更新静态的logo图片是不需要编译的,所以这里不会用到创建maven项目,这里选择构建自由风格的软件项目(无需使用make ant ma ...
chrome浏览器缓存提取视频文件的方法
在Chrome浏览器的地址栏输入Chrome:Version查看Chrome浏览器保存文件的位置. 那么缓存的这个视频文件在哪里呢? 不管怎么说,一定在C:\Users\Utsuho\AppData ...
阿里云对象存储OSS用作网站静态文件加速的优势
什么是对象存储OSS 阿里云对象存储OSS(Object Storage Service)是一款海量.安全.低成本.高可靠的云存储服务,可提供99.9999999999%(12个9)的数据持久性,99 ...
如何在nginx中缓存静态文件
这篇教程说明你应该怎样配置 nginx.设置 HTTP 头部过期时间,用 Cache-Control 中的 max-age 标记为静态文件(比如图片. CSS 和 Javascript 文件)设置一个 ...

浏览器缓存网站静态文件

浏览器缓存网站静态文件相关推荐

最新文章

热门文章