美文网首页
HTTP缓存

HTTP缓存

作者: BOB_BI | 来源:发表于2019-03-29 18:34 被阅读0次

Cache-Control

如何让css、js请求速度加快?
response.setHeader('Cache-Control', 'max-age=30') //浏览器会阻断相同的url30s内发送的请求,会直接从内存中返回上次加载的结果
首页不可设置(.html)
原因:无法及时更新缓存。
更新缓存:将url添加一个参数(随机数),就会重新发送请求,用于更新缓存。

Expires

response.setHeader('Expires', '过期时间') //电脑本地时间几分几秒过期。

ETag

MD5——摘要算法


image.png

MD5的值不同表示1-copy和原文件有不同之处。
可检验传输文件是否受损,改动。

设置ETag


image.png

设置后首次加载,响应体中会添加一个ETag


image.png

之后刷新请求会自动添加一个If-None-Match


image.png

如果请求头中的If-None-Match的值 ===md5 文件,说明没做改动,不返回文件。


image.png

304 —— not modified


image.png

Cache-Control不请求 //better
ETag请求但响应体是空的

Last-Modified

相关文章

  • HTTP缓存原理

    什么是HTTP缓存 HTTP缓存通常指浏览器缓存,基于HTTP中header字段实现HTTP缓存分为强缓存和协商缓...

  • 前端缓存

    前端缓存 前端缓存主要是分为HTTP缓存和浏览器缓存。其中HTTP缓存是在HTTP请求传输时用到的缓存,主要在服务...

  • 前端缓存详解

    一、前言 前端缓存主要是分为HTTP缓存和浏览器缓存。其中HTTP缓存是在HTTP请求传输时用到的缓存,主要在服务...

  • PWA笔记一:Web的万物基础缓存

    前言 这里讨论的缓存包括两种,一种是HTTP缓存,一种是Service Worker缓存。 HTTP缓存 HTTP...

  • 前端缓存的理解 或者 前端数据持久化的理解(强制缓存、协商缓存)

    前端缓存分为HTTP缓存和浏览器缓存 其中HTTP缓存是在HTTP请求传输时用到的缓存,主要在服务器代码上设置;而...

  • http缓存和各个版本差异理解

    http缓存我们可以通过设置http头部属性来对资源进行缓存,资源缓存分为强制缓存和协商缓存 强制缓存expire...

  • http缓存

    http缓存分为强制缓存和对比缓存 强制缓存时, 客户端先判断本地缓存是否有效(http/1.1通过Cache-C...

  • HTTP缓存

    缓存控制Cache-Control Cache-Control是Web性能优化的一种,能加速HTTP请求与响应。 ...

  • http缓存

    来源: 《http权威指南》学一个东西,怎么去学习呢?这分为三个步骤,是什么, 为什么, 怎么做?文章我会着重讲怎...

  • Http缓存

    参考文章:http://oohcode.com/2015/05/28/http-cache/ 客户端 头字段: C...

网友评论

      本文标题:HTTP缓存

      本文链接:https://www.haomeiwen.com/subject/vndrbqtx.html