html5缓存静态资源,.htaccess设置静态资源缓存(浏览器缓存)的方法

在HTTP标头中为静态资源设置过期日期或最长存放的时间,可指示浏览器从本地磁盘中直接加载以前下载的资源,而不是通过网络加载。这样, 网站加载响应速度就会更快。(IT技术资料分享网整理自互联网) 下面的代码都需要放到.htaccess中才能生效. 推荐设置过期时间为一个月, 即: max-age=2592000.(.htaccess文件存放于网站根目录下) 通过FilesMatch设置,如下所示:

# Image and Flash content Caching for One Month

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

Header set Cache-Control "max-age=2592000"

说明:以上的代码为浏览器缓存flv,gif,jpg,jpeg,png,ico,swf格式的文件到本地浏览器一个月的时间。如果想改变缓存时间直接修改max-age的值就可以了。 如果需要缓存其他格式文件,直接修改自己想要缓存的格式。 ***************************************************************************** 通过mod_expires.c设置

ExpiresActive On

ExpiresDefault "access plus 1 months"

ExpiresByType text/html "access plus 1 months"

ExpiresByType image/gif "access plus 1 months"

ExpiresByType image/jpeg "access plus 2 months"

ExpiresByType application/x-shockwave-flash "access plus 2 months"

ExpiresByType application/x-javascript "access plus 2 months"

如需针对具体的资源类型需要这样:

ExpiresByType image/gif "access plus 5 hours 3 minutes"

注释: .htaccess设置静态资源缓存(即浏览器缓存) ************************************************ 下面是IT技术资料分享网从网络上搜集的其他一些修改方法: 在网站的.htaccess文件中写入以下内容:

ExpiresActive On

ExpiresDefault A600

ExpiresByType image/x-icon A2592000

ExpiresByType application/x-javascript A604800

ExpiresByType text/css A604800

ExpiresByType image/gif A2592000

ExpiresByType image/png A2592000

ExpiresByType image/jpeg A2592000

ExpiresByType text/plain A86400

ExpiresByType application/x-shockwave-flash A2592000

ExpiresByType video/x-flv A2592000

ExpiresByType application/pdf A2592000

ExpiresByType text/html A600

ExpiresDefault A2592000

其中text/css表示样式表文件,text/plain代表的纯文本类文件,依次类推。里面的A2592000就表示这种类型文件在浏览器中的缓存时间,2592000就表示这类文件可以缓存30天。如果你不是经常修改模板,那样式表文件和javasctipt文件基本上也可以设置缓存一周到一个月左右。text/html文件不要设置太长的缓存时间,因为这些东西修改的频率很高,ExpiresDefault A2592000 表示没有指定的文件类型就缓存一月。

IT技术资料分享网感谢原作者的分享。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: H5 更新版本后,由于浏览器缓存的原因,用户可能无法立即看到更新内容。为了解决这个问题,你可以使用伪静态来设置,以确保浏览器加载的是最新版本的页面。 具体来说,你可以在 H5 页面的 URL 中加入一个版本参数,例如: ``` http://example.com/page.html?v=2 ``` 这样,每次更新 H5 版 ### 回答2: H5更新版本后,由于引入了缓存机制,页面的静态资源(JS、CSS、图片等)会被浏览器缓存下来,加快页面加载速度并节省带宽。然而,这也可能导致用户无法即时获取最新版本的静态资源,在更新了静态资源后,用户在浏览器中访问页面仍然展示旧版本资源的问题。 为解决这个问题,我们可以通过伪静态的方式来设置,确保用户每次访问页面时都能够获取到最新的静态资源。 一种常用的方法是在资源的URL链接中添加版本号参数。当静态资源更新后,为资源URL链接添加一个不同的版本号参数,这样浏览器会将新版本的资源下载下来。当浏览器发现资源链接中的版本号参数发生变化时,会重新下载最新版本的资源。例如,可以将资源链接的格式设置为:https://example.com/style.css?v=123,其中v参数后面的数字就是版本号,当style.css更新时,将其改为https://example.com/style.css?v=456。 通过这种方式,我们可以用简单的伪静态设定来解决H5更新版本后缓存带来的问题,确保用户可以获取最新的静态资源,同时仍然利用了浏览器的缓存机制,提高了性能和用户体验。 ### 回答3: H5更新版本后带来了缓存功能,通过伪静态设置可以更好地管理缓存。伪静态是指服务器将动态生成的页面缓存为静态页面,并根据请求直接返回缓存的静态页面,从而提高页面访问速度和降低服务器负载。以下是通过伪静态设置来优化H5缓存的步骤: 1. 配置服务器:首先,需要配置服务器,将对H5文件的请求指向到伪静态处理程序或模块上。主要有两种方式实现:一是在服务器的配置文件中添加相应规则,如.htaccess文件;二是在服务器上安装伪静态处理程序或模块,如Nginx的rewrite模块。 2. 定义伪静态规则:在服务器配置文件或伪静态处理程序中,定义H5缓存的伪静态规则。可以根据需要设置规则的匹配条件和匹配规则,如URL路径、文件类型、请求方法等。 3. 配置缓存时间:在伪静态规则中,可以设置H5文件的缓存时间。一般情况下,可以根据文件的特性和使用频率来确定缓存时间,例如静态资源文件可以设置较长的缓存时间,而动态内容页面可以设置较短的缓存时间。 4. 更新H5版本:当H5文件更新时,需要更新文件的版本号或路径,以触发缓存的更新。可以通过在文件名或路径中添加版本号或修改请求参数的方式实现。这样,当H5文件更新后,对应的缓存会被自动更新,避免用户访问到旧版本的文件。 通过以上步骤,可以实现对H5更新版本后的缓存进行管理,提高H5页面的加载速度和用户体验。同时,通过合理设置缓存时间和更新机制,可以确保用户能够及时获取到最新的H5文件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值