浏览器缓存问题总结

红太狼 2022-04-23 00:54 363阅读 0赞

一种修改浏览器缓存的方法:修改服务器配置

1,原理

参考文章

2,Apache配置

开启expire

打开apache安装目录,找到conf目录,打开httpd.conf 文件。

ctrl+f 查找 LoadModule expires_module modules/mod_expires.so
去掉前面 #号,去掉注释

配置cache-control,在文本最后添加

  1. <IfModule expires_module>
  2. #打开缓存
  3. ExpiresActive on
  4. #css文件缓存一个小时,单位为s
  5. ExpiresByType text/css A3600
  6. #js文件缓存1个小时
  7. ExpiresByType application/x-javascript A3600
  8. ExpiresByType application/javascript A3600
  9. #html文件缓存83天
  10. ExpiresByType text/html A7200000
  11. #图片文件缓存83天
  12. ExpiresByType image/jpeg A7200000
  13. ExpiresByType image/gif A7200000
  14. ExpiresByType image/png A7200000
  15. ExpiresByType image/x-icon A7200000
  16. </IfModule>

3,Nginx配置

配置html/htm缓存一个小时

  1. location / {
  2. access_log /data/nginx/log/xxx.log api;
  3. root /home/www/html;
  4. if ($request_filename ~ .*\.(htm|html)$)
  5. {
  6. add_header Cache-Control max-age=3600;
  7. }
  8. }

当配置完成之后,在控制台network中会看到如下内容:

设置cache-control之后

这样当你在服务器修改文件之后,当你再次打开该网站的时候,如果距离上次打开超过了设置max-age,则重新加载状态为200;当时间小于max-age 时则从缓存中读取状态为304;

之前解决缓存问题都是从前端页面出发,很费时间,有时没有效果。目前感觉配置服务器这个方法解决缓存问题很彻底。

参考文章:

https://blog.csdn.net/canot/article/details/76359917

发表评论

表情:
评论列表 (有 0 条评论,363人围观)

还没有评论,来说两句吧...

相关阅读

    相关 浏览器缓存

    浏览器缓存 缓存对于前端性能优化来说是个很重要的点,良好的缓存策略可以降低资源的重复加载提高网页的整体加载速度。 通常浏览器缓存策略分为两种:强缓存和协商缓存。

    相关 系统总结浏览器缓存

    01 序 前端的工作与各大浏览器的关系紧密相连,尤其是对于性能这一块的联系及其重要。在用户体验上来看,一个请求的时间超过3秒,那么就会失去这个用户,所以利用缓存来提升性能

    相关 浏览器缓存

    HTTP 1.0 在HTTP1.0中,可以在服务端设置 `Expires` 的HTTP头来告诉客户端在多久之后重新请求服务,可以通过 `if-modified-since

    相关 浏览器缓存

    一般在硬件中,缓存在硬件中分一级缓存,二级缓存。但在软件中的缓存却不一样。 狭义上讲缓存就叫高速缓存,严格讲就是将数据暂时存放到某个地方。先要声明下,我的定义可能不严格,但这

    相关 缓存】-浏览器缓存

    简介 浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档 浏览

    相关 浏览器缓存

    浏览器缓存指的是http缓存,而storage是应用层缓存,不一样 浏览器缓存分为两类:强缓存和协商缓存 先了解一下浏览器缓存机制: > 缓存这东西,第一次必须获取

    相关 浏览器缓存原理总结

    一、浏览器缓存基本认识 分为强缓存和协商缓存 1、浏览器在加载资源时,先根据这个资源的一些http header判断它是否命中强缓存,强缓存如果命中,浏览器直接从自己的缓存