用.htaccess设置网页/图片/js/css文件内容缓存

最新推荐文章于 2023-01-09 16:19:05 发布
转载 最新推荐文章于 2023-01-09 16:19:05 发布 · 1.7k 阅读 · 0
文章标签：

#.htaccess #文件缓存 #图片缓存 #Js缓存 #css缓存

本文介绍了一种通过设置网页缓存来提升用户体验的方法。通过在 .htaccess 文件中添加特定代码，可以为不同类型的文件（如图片、CSS 和 JS 文件）设定缓存时间，从而减少服务器负载并加快页面加载速度。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

合理的设置网页图片、css/js文件、html静态网页，甚至是动态网页设定一定的缓存时间不仅仅是为了节省服务器开销，

更多的时候可以让用户感觉”网速更快“，合理设置缓存是必要的，特别是图片/css/js/txt/静态html文件等不经常变化的文件。

在.htaccess文件中加入下面的代码就是设置网页缓存时间的哦， 如果是在开发调试的阶段可以暂时关闭这个功能。

  1. <FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|css|txt|pdf)$">
  2. Header set Cache-Control "max-age=36000"
  3. </FilesMatch>

这段代码设定的是缓存10个小时，可以根据自己的需要做修改。

转自:http://www.lao8.org/article_1260/tupianhuancun

作者：老修-走失的镜头盖


apache中使用.htaccess文件缓存图片的配置方法
09-15
### Apache中使用.htaccess文件缓存图片的配置方法 在当今互联网时代，网站性能优化对于提升用户体验至关重要。其中，合理利用缓存机制可以显著提高页面加载速度，减轻服务器负担。对于运行在Apache服务器上的博客...
web.config（IIS）和.htaccess（Apache）配置
09-09
这段配置为不同类型的文件设置了不同的过期时间，从而让浏览器可以缓存这些资源，提高页面加载速度。 接下来是自定义错误页面的配置： ```apacheconf ErrorDocument 403 /custom-403.html ErrorDocument 404 /...
.htaccess设置静态资源缓存(即浏览器缓存)
weixin_30702887的博客
06-11 409
在HTTP标头中为静态资源设置过期日期或最长存在时间，可指示浏览器从本地磁盘中加载以前下载的资源，而不是通过网络加载。这样, 网站加载速度会更快. 下面的代码都需要放到.htaccess中才能生效. 推荐设置过期时间为一个月, 即: max-age=2592000. 通过FilesMatch设置 <FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|c...
html5缓存静态资源,.htaccess设置静态资源缓存（浏览器缓存）的方法
weixin_39880895的博客
05-31 473
在HTTP标头中为静态资源设置过期日期或最长存放的时间，可指示浏览器从本地磁盘中直接加载以前下载的资源，而不是通过网络加载。这样, 网站加载响应速度就会更快。(IT技术资料分享网整理自互联网) 下面的代码都需要放到.htaccess中才能生效. 推荐设置过期时间为一个月, 即: max-age=2592000.(.htaccess文件存放于网站根目录下) 通过FilesMatch设置,如下所示：#...
关于CI-CodeIgniter目录访问权限的问题的解决方法，通过修改.htaccess文件的办法解决无法加载css文件，js文件，图片文件等类型文件的方法
lhp0906的博客
10-21 5550
CI-CodeIgniter框架之前有过关注，近期有个小项目打算来用一下，发现其在application文件下的访问权限被限制了，一些资源文件CSS，JS，img等资源文件都无法正常加载，谷歌，百度以后，发现有好多朋友碰到类似的问题，使用CI框架css文件无法加载，js文件无法加载，图片文件无法加载等等类似的问题，解决的方法也是多种多样，其中一种是将资源文件和application文件剥离，把资源
php htaccess实现缓存,如何巧用.htaccess设置网站的压缩与缓存
weixin_42349645的博客
03-25 137
ExpiresActiveOnExpiresByTypeimage/gifA2592000ExpiresByTypeimage/jpegA2592000ExpiresByTypeimage/pngA2592000ExpiresByTypeapplication/x-shockwave-flashA2592000ExpiresByTypetext/cssA2592000Expi...
<script src="../js/zt/ztcloudJs.js?v=<?php echo time(); ?>"></script>在原生的html中无法实现
最新发布
07-12
在服务器端设置响应头，禁止浏览器缓存该JS文件。例如，在Apache的.htaccess文件中添加： ```apache <FilesMatch "ztcloudJs\.js$"> Header set Cache-Control "no-cache, no-store, must-revalidate" Header set...
# 注：这是访问方式为 http://IP:PORT/ 的配置 server { listen 80; server_name X.X.X.X; root /var/www/nextcloud; index index.html index.htm index.php; # 下面这行是设置上传文件大小限制，0 不限制大小，100M 限制文件大小不超过 100M client_max_body_size 0; location / { try_files $uri $uri/ /index.php$is_args$args; } location ~ \.php(?:$|/) { fastcgi_split_path_info ^(.+\.php)(/.+)$; # 要注意下面这行的接口的版本，版本要与 php 的版本一样，可以去指定的地址查看一下 fastcgi_pass unix:/var/run/php/php8.2-fpm.sock; fastcgi_index index.php; include fastcgi_params; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; fastcgi_param PATH_INFO $fastcgi_path_info; } location ~ /\.ht { deny all; } # 解决 nextcloud 中的一个安全检查的 .mjs 问题 location ~* \.mjs$ { types { } default_type application/javascript; } location ^~ /.well-known { # The rules in this block are an adaptation of the rules # in `.htaccess` that concern `/.well-known`. location = /.well-known/carddav { return 301 /remote.php/dav/; } location = /.well-known/caldav { return 301 /remote.php/dav/; } location /.well-known/acme-challenge { try_files $uri $uri/ =404; } location /.well-known/pki-validation { try_files $uri $uri/ =404; } # Let Nextcloud's API for `/.well-known` URIs handle all other # requests by passing them to the front-end controller. return 301 /index.php$request_uri; } # Optional: set long EXPIRES header on static assets location ~* \.(?:jpg|jpeg|gif|bmp|ico|png|css|js|swf)$ { expires 30d; access_log off; } }
06-11
- 静态资源设置长期缓存（CSS/JS/图片等） - `.mjs`文件显式声明MIME类型[^1] - 禁用静态资源日志减少I/O压力 ### 部署步骤： ```bash # 1. 创建数据目录（权限关键！） sudo mkdir -p /var/...
htaccess 增加静态文件缓存和压缩
weixin_30596023的博客
08-02 243
增加图片视频等静态文件缓存: <FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf)$"> Header set Cache-Control "max-age=2592000" </FilesMatch> 增加文件压缩: <ifmodule mod_deflate.c> AddOutputFilter...
利用htaccess优化设置浏览器端缓存:Leverage browser caching
站长168 cnzz168.com
04-21 320
利用htaccess优化设置浏览器端缓存:Leverage browser caching。昨天利用在线检测功能测试了一下花皙蔻的网站性能，结果得分才84分，不尽人意啊，其中有一条建议的提示是Leverage browser caching没有设置浏览器端缓存。 通过网络搜索资料得知，所谓Leverage browser caching的网络相关解释是：网站上的静态内容，诸如：图片、CSS、...
利用.htaccess实现网站图片防盗链功能
IT小人物
02-03 1638
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 RewriteEngine on RewriteCond %{REQUEST_URI} ^/images RewriteRule ^.*$ - [L] RewriteCond %{REQUEST_FILENAME} \.(jp
修改.htaccess文件禁止图片盗链、禁止资源盗链
TJT999
02-20 2064
<br />图片等资源被盗链后，会极大的浪费我们的流量，即使虚拟主机不限制流量，也会浪费我们的带宽。今天，在网上偶尔看到了一篇防止盗链的文章，实践了一下，果然有效果，现将我的实践过程分享一下，仅供参考。<br />1.Apache中的.htaccess文件<br />       .htaccess文件，也叫“分布式配置文件”，是Apache中相当重要的配置文件，格式为纯文本，提供了针对目录改变配置的方法，通过对一个特定的文档目录中放置一个该文件，以作用于该目录及其子目录。<br />       通过
html 静态资源缓存时间,.htaccess设置静态资源缓存(即浏览器缓存)
weixin_39588419的博客
06-05 757
在HTTP标头中为静态资源设置过期日期或最长存在时间，可指示浏览器从本地磁盘中加载以前下载的资源，而不是通过网络加载。这样,网站加载速度会更快.下面的代码都需要放到.htaccess中才能生效.推荐设置过期时间为一个月, 即: max-age=2592000.通过FilesMatch设置Header setCache-Control "max-age=2592000"通过mod_expires.c...
使用.htaccess设置图片防盗链的详细方法
_江屿_
01-09 414
使用.htaccess设置图片防盗链的详细方法
Apache服务器-使用.htaccess实现图片防盗链方法
xmlife的专栏
01-24 1532
通过.htaccess来防止网站的图片、压缩文件、或视频等非Html文件被盗链的方法相当简单，通过在该文件中加入几句命令即可保护我们宝贵的带宽。例如本站的设置如下：     RewriteEngine on       RewriteCond %{HTTP_REFERER} !^$ [NC]       RewriteCond %{HTTP_REFERER} !web
php htaccess实现缓存,采用.htaccess设置网站的压缩与缓存_php
weixin_39574140的博客
03-25 112
ExpiresActive OnExpiresByType image/gif A2592000ExpiresByType image/jpeg A2592000ExpiresByType image/png A2592000ExpiresByType application/x-shockwave-flash A2592000http://www.gaodaima.com/48717.html采...
实用 .htaccess 用法大全【转载】
weixin_34406061的博客
03-12 271
转载：http://www.techug.com/htaccess-snippets 这里收集的是各种实用的 .htaccess 代码片段，你能想到的用法几乎全在这里。 免责声明: 虽然将这些代码片段直接拷贝到你的.htaccess文件里，绝大多数情况下都是好用的，但也有极个别情况需要你修改某些地方才行。风险自负。 重要提示: Apache 2.4 有不兼容的修改，特别是在访问配置控制方...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值