您现在的位置:首页 >> 前端 >> 内容

浏览器缓存的相关使用

时间:2017/8/30 8:28:00 点击:

  核心提示:HTTP缓存当用户多次访问您的网站,那么静态资源在浏览器的缓存就是非常重要的。可以缓存的静态资源包括css js 图片Expires和Cache-Control:max-age这两个字段用来指定时间字...

HTTP缓存

当用户多次访问您的网站,那么静态资源在浏览器的缓存就是非常重要的。可以缓存的静态资源包括css js 图片

Expires和Cache-Control:max-age

这两个字段用来指定时间字段,浏览器可在这个字段指定的时间内使用缓存,无需查看在原服务器是否进行了资源的更新

Last-Modified和ETag

Last-Modified :当用户第一次访问某一个页面的时候,服务器返回

状态码200

首部字段 Last-modified字段

实体内容:请求资源

Last-modified字段 这个字段代表,服务器对返回的资源最后更新的时间。

当用户第二次再访问这个静态资源的时候,会发送

If-modified-Since:值和它上次收到的Last-Modified是相等的,

来询问服务器在这个时间以后是否更新过资源,如果没有更新过。返回状态码304。,这样就保证了不会重复的发送没有更新过(自last-Modified

)的资源。减少了服务器的负担。

Etag请求变量的实体值。

当用户第一次访问某一个页面的时候,服务器返回

状态码200

首部字段:ETag:”372nfjfnfksdjff”

实体:请求的资源内容

当用户第二次访问这个页面的时候:客户端发送:

if-None-Match:W/372nfjfnfksdjff 如果Etag没有改变 就返回304

这样就可以让浏览器在服务器返回304的时候,使用缓存

WebSql

但是这种方式只有较新的chorm支持

是将数据已数据库的形式存在客户端,根据需求去取

作者:网络 来源:qq_2674652