页面的缓存与不缓存-html,css,js

HTML的HTTP协议头信息中控制着页面在几个地方的缓存信息，包括浏览器端，中间缓存服务器端(如：squid等)，Web服务器端。本文讨论头信息中带缓存控制信息的HTML页面(JSP/Servlet生成好出来的也是HTML页面)在中间缓存服务器中的缓存情况。

HTTP协议中关于缓存的信息头关键字包括Cache-Control(HTTP1.1)，Pragma(HTTP1.0)，last-Modified，Expires等。

HTTP1.0中通过Pragma 控制页面缓存，可以设置：Pragma或no-cache。网上有非常多的文章说明如何控制不让浏览器或中间缓存服务器缓存页面，通常设置的值为no- cache，不过这个值不这么保险，通常还加上Expires置为0来达到目的。但是如我们刻意需要浏览器或缓存服务器缓存住我们的页面这个值则要设置为 Pragma。

HTTP1.1中启用Cache-Control 来控制页面的缓存与否，这里介绍几个常用的参数：

•no-cache，浏览器和缓存服务器都不应该缓存页面信息；
•public，浏览器和缓存服务器都可以缓存页面信息；
•no-store，请求和响应的信息都不应该被存储在对方的磁盘系统中；
•must-revalidate，对于客户机的每次请求，代理服务器必须想服务器验证缓存是否过时；
Last-Modified只页面的最后生成时间，GMT格式；
Expires过时期限值，GMT格式，指浏览器或缓存服务器在该时间点后必须从真正的服务器中获取新的页面信息；

页面缓存的问题可能大家都遇到过，很多功能做完没起效果，这里给出我的使用的解决方法

对于一个html页面，缓存分3部分，一个是页面内容，一个是css样式，一个是JS文件

1、页面内容

<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">

2、CSS和JS文件

<link rel="stylesheet" href="../css/register.css"/>
<script src="../scripts/register.js"></script>
改成
<link rel="stylesheet" href="../css/register.css?v=20161020"/>
<script src="../scripts/register.js?v=20161020"></script>

就是只要在每次修改后改一下版本号即可

页面的缓存与不缓存-html,css,js相关推荐

html 页面视图中的资源文件（css/js/image）的路径问题。
说到html 页面视图中的资源文件的路径引用问题,这个问题以前一直没去弄明白.今天,我将公司新开发的一个项目完全移植到我本地搭建的php 环境中来,遇到了这个问题,想了一下,然后也不是很困难的就把它给 ...
前端面试宝典 html css js ajax es6
面试宝典一.HTML和CSS 1 1. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 1 2. 每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? 1 3. ...
php中怎么让图片没有缓存文件,PHP页面文件缓存,PHP图片缓存实例
PHP页面缓存了压缩过的文件,再次访问减少再压缩时间,降低CPU占用率.2,通过设置客户端文件缓存时间,降低再次请求次数,可降低85%以上.3,图片因为已经是压缩格式,只是设置浏览器缓存时间,不做压缩 ...
前端页面更新，解决浏览器缓存不更新问题
问题在写静态网站的时候,经常回面临某些页面上传更新后,查看时会出现没有更新的清空,就是因为浏览器读取了缓存造成的,需要清空缓存刷新才可以看到页面的更新,但是有些用户不知道这些操作.就很头痛浏览器缓 ...
openresty 页面静态化及多级缓存
openresty 页面静态化及多级缓存多级缓存: 数据缓存的好处不用介绍了吧!, 所谓多级缓存,即在整个系统架构的不同系统层级进行数据缓存,以提升访问效率,这也是应用最广的方案之一. 而 ngin ...
微信小程序页面栈_微信小程序之页面传值(路由、页面栈、globalData、缓存)
1. 通过url带参数传递 1.1 固定参数传递例如,从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值: 点此进入 detail detail页面取值: onLoa ...
浏览器，渲染，页面优化，存储，缓存，同源策略，跨域问题
一.浏览器渲染 1.浏览器渲染原理原文链接:https://blog.csdn.net/qq_45952585/article/details/124069123前端项目性能优化方案有哪些_前端性能 ...
nginx html页面缓存,页面缓存和nginx缓存
缓存存在的意义是为了减少后端的请求,减轻后端压力,一般页面的请求流程是这样的请求流程这里主要解决两个问题: 1.后端对浏览器缓存的指定 2.nginx启用缓存和清除缓存浏览器缓存在java后端 ...
django中的缓存单页面缓存，局部缓存，全站缓存跨域问题的解决
django中的缓存单页面缓存,局部缓存,全站缓存跨域问题的解决参考文章: (1)django中的缓存单页面缓存,局部缓存,全站缓存跨域问题的解决 (2)https://www.cnblog ...
php cpu缓存执行代码,缓存PHP页面的代码，可以减轻CPU和MYSQL负担
/* * 名称: 极光缓存 * * 作者: DCD * mail: haodan-_-b@163.com * * web开发群: 3574636 * http://www.525ok.com * * ...

页面的缓存与不缓存-html,css,js

页面的缓存与不缓存-html,css,js相关推荐

最新文章

热门文章