静态的html页面想要设置使用浏览器缓存

设置html页面缓存方法:

静态的html页面想要设置使用缓存:

通过HTTP的META设置expires和cache-control 

code

1.  <meta http-equiv="Cache-Control" content="max-age=7200" />

2.  <meta http-equiv="Expires" content="Mon, 20 Jul 2013 23:00:00 GMT" />

上述设置仅为举例,实际使用其一即可。这样写的话仅对该网页有效,对网页中的图片或其他请求无效,并不会做任何cache。 参数说明: max-age 指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应。 Expires 表示存在时间,允许客户端在这个时间之前不去检查(发请求),等同max-age的 效果。但是如果同时存在,则被Cache-Control的max-age覆盖。 Expires: Thu, 01 Dec 1994 16:00:00 GMT (必须是GMT格式)

要在后台代码段,实现图片,css,js,flash的缓存

Response.AddHeader("cache-control","max-age=时间(单位:秒)")或Response.Expires=时间(单位:分)来启用缓存。如果用Response.AddHeader("expires","utc时刻")来设置Expires的话,cache-control的优先级比expires高,

就是说如果设置了cache-control,那么expires设置的值就被覆盖掉。如果是用Response.Expires设置的话就不受这个约束。

对网页中的图片或其他请求服务器端缓冲设置
apache静态文件缓存时间设置
如果要对文件添加cache可以通过apache的mod_expire模块,写法为  

关于图片,css,js,flash的缓存

这个主要通过服务器的配置来实现这个技术,如果使用apache服务器的话,可以使用mod_expires模块来实现:

编译mod_expires模块:

Cd  /root/httpd-2.2.3/modules/metadata

/usr/local/apache/bin/apxs -i -a -c mod_expires.c //编译

先打开httpd.conf文件,然后查找expires这个模块,找到后,删除左边的#号,表示打这个模块,并重启apache服务器

编辑httpd.conf配置:添加下面内容

<IfModule mod_expires.c>

ExpiresActive on

ExpiresDefault "access plus 1 month"

ExpiresByType text/html "access plus 1 months"

ExpiresByType text/css "access plus 1 months"

ExpiresByType image/gif "access plus 1 months"

ExpiresByType image/jpeg "access plus 1 months"

ExpiresByType image/jpg "access plus 1 months"

ExpiresByType image/png "access plus 1 months"

EXpiresByType application/x-shockwave-flash "access plus 1 months"

EXpiresByType application/x-javascript      "access plus 1 months"

#ExpiresByType video/x-flv "access plus 1 months"

</IfModule>

解释:第一句--开启服务

第二句--默认时间是一个月

在下面是关于各种类型的资源的缓存时间设置

更详细的说明可以参考我的《网站优化--让你的网页飞起来》关于这个模块的使用介绍

参考资料:http://www.infoq.com/cn/articles/etags

http://www.lifetyper.com/archives/000087.html
                 http://developer.yahoo.com/performance/rules.html
                 http://www.websiteoptimization.com/speed/tweak/cache/

http://www.mnot.net/cache_docs/

				
时间: 2024-11-05 09:16:55

静态的html页面想要设置使用浏览器缓存的相关文章

Nginx SSI 静态html页面 动态引入其它页面 实现页面区块化 设置

什么是SSI Server Side Include,通常称为服务器端嵌入,是一种类似于ASP的基于服务器的网页制作技术.大多数(尤其是基于Unix平台)的WEB服务器如NetscapeEnterprise Server等均支持SSI命令. 为什么要用SSI 用个例子来说明,一个静态化的页面中,需要嵌入一小块实时变化的内容,.例如首页,大部分的页面内容需要缓存但是用户登录后的个人信息是动态信息,不能缓存.那么如何解决这个"页面部分缓存"问题,利用SSI就可以解决,在首页的静态页面中嵌入

如何做URL静态化 和页面的静态化

为什么要进行URL静态化?   1.更好的迎合搜索引擎工作原理的爬行抓取机制:2.把网站URL静态化更有助于网站获得好的排名:3.URL静态化有利于用户体验.不容易出错4.可以提高网站访速度.完全性.稳定性 URL重写 最常见的方法是使用服务器的URL重写模块,在LAMP (Linux十Apache MySQL PHP)服务器上一般使用mod_rewrite模块,Windows服务器也有功能相似的ISAPI Rewrite等模块. 以LAMP服务器为例,要想把URL : http://www.X

单位分配的IP地址和电脑主机绑定了,我想用设置一个无线路由器,让我的笔记本电脑和手机都能上网?

单位分配的IP地址和电脑主机绑定了,我想用设置一个无线路由器,让我的笔记本电脑和手机都能上网? 配一个无线路由器就可以实现,将电脑IP配置成自动获取,找条网线一头插路由LAN口(路由器上有标明),一头插的电脑上:1.登陆路由器(对于TP-link的路由器:打开你的电脑,点击IE游览器,在地址栏输入 :192.168.1.1 按回车后,弹出登陆页面输入用户名“admin”,密码“admin”,其他路由器请查阅路由器使用手册):2.点击左侧网络设置,在wan口设置中选静态IP 输入分配给你的IP:在

.htaccess设置静态资源缓存(即浏览器缓存)

在HTTP标头中为静态资源设置过期日期或最长存在时间,可指示浏览器从本地磁盘中加载以前下载的资源,而不是通过网络加载.这样, 网站加载速度会更快. 下面的代码都需要放到.htaccess中才能生效. 推荐设置过期时间为一个月, 即: max-age=2592000. 通过FilesMatch设置 <FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|css|js)$">Header set Cache-Control "max-a

A4纸网页打印 html网页页面的宽度设置成多少

A4纸竖向打印,html网页页面的宽度设置成多少?这个问题是我们大家所疑惑的,于是网上搜集整理下,希望可以帮助你们 最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用的是96dpi,并非传闻的72dpi A4纸张的尺寸是210×297mm,按1英寸=25.41mm换算,即8.264×11.688英寸 所以,A4纸96dpi下的分辨率是794×112

一个静态的HTML页面用jquery ajax登录到sharepoint页面

$.ajax({ type: "get", url: "http://", data: "name=" + userid + "&password=" + password, async: true, error: function (request) { alert("Connection error"); }, success: function (data) {            wind

静态页面清除浏览器缓存

在做官网开发中出现静态页之后,即使发布了新的版本之后,还是会读取浏览器缓存,导致页面不是最新页面. 解决措施: 1.meta方法: <meta htpp-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache,must-revalidate"> <meta http-equiv=&q

loadrunner运行时设置中清空缓存方法

用函数web_cache_clearup()或run-time settings---browser emulation 把clear  cache on each iteration打勾 W v\]D[o0 _tn9C?;{0 在run-time   setting  中设置simulate  browser  cache  选项BrowserBrowser   Emulation:Simulate   browser  cache:配置Vuser模拟带缓存的浏览器.缺省缓存是被允许的,可以通

[技巧篇]15.火狐浏览器缓存设置,提高开发效率!

针对于WEB开发,调试中经常遇到的问题就是浏览器缓存,刚改的代码刷新发现没有生效,很影响工作效率.我这里介绍一下如何再火狐浏览器中设置缓存的问题,因为攻城狮离不开火狐和firebug这种方便的工具. 在Firefox地址栏中输入“about:cache”并键入回车,接着将显示Firefox的内存缓冲设置与磁盘高速缓 存设置.如果在页面上单击“List Cache Entries”链接,我们还可以查看缓冲区中有哪些数据文件. 1. 调节高速缓存容量 假如你想自行调节磁盘高速缓存的最大容量,可以选择