自适应网站怎么做,wordpress主题手机版不显示侧边栏,学校网站群建设必要,网站建设综合训练报告一、浏览器的缓存策略
浏览器的缓存策略是指浏览器在加载页面时如何使用和管理缓存机制。可以提高网页加载速度#xff0c;减轻服务器负载#xff0c;并提供更好的用户体验。常用的缓存策略有两种#xff1a;一种是发送请求#xff08;协商缓存#xff09;#xff0c;一…一、浏览器的缓存策略
浏览器的缓存策略是指浏览器在加载页面时如何使用和管理缓存机制。可以提高网页加载速度减轻服务器负载并提供更好的用户体验。常用的缓存策略有两种一种是发送请求协商缓存一种是不需要发送请求强缓存。
强缓存
当浏览器第一次发送请求后服务器会返回缓存标识在http1.0使用expireshttp/1.1时是cache-control。当浏览器需要使用资源的时候会去查看文件缓存标识是否过期如果没有过期就从缓存中获取资源。 expires规定一个缓存失效时间过了这个时间浏览器就需要重新发送请求获取资源。缺陷浏览器和服务器的时间可能存在误差。 cache-control规定一个max-age有效时长即服务器返回后资源可以使用max-age时长。 cache-control值包括
public表示响应可以被任何对象包括浏览器和CDN等缓存private只能被浏览器缓存不能被CDN等其他对象缓存no-cache浏览器使用缓存前必须向服务器发送请求验证no-store表示不缓存任何响应内容。 expires和cache-control同时存在浏览器优先使用cache-control。
缓存过期策略
通过设置响应头中的Expires或Cache-Control字段可以指定资源的过期时间。当资源过期时浏览器会重新发送请求到服务器获取最新资源。
协商缓存
当强缓存失效时浏览器会发送一个请求到服务器服务器会根据请求头中携带taglast-modified。和Etag与服务器上资源的资源的相关字段进行比较。如果资源未发生变化则服务器返回304状态码告诉浏览器可以使用本地缓存。
缓存位置
memory cache内存缓存是所有缓存运行速度最快的到那时内存小保存时间短。disk cache磁盘缓存内存较大效率比内存缓存低。service worker cache运行于浏览器背后独立于网页有自己的生命周期。可操作性高开发人员可以控制缓存内容例如控制仅缓存离线内容或者全部缓存。在离线情况还可以去读取缓存的资源。disk cachehttp2的内容需要浏览器和服务器都支持可以提前与缓存。缓存即将可能用到的数据服务器不再等待浏览器请求可以主动通过http2发送数据极大地提高了网页运行速度性能。
强缓存和协商缓存的区别
1. 数据来源与交互方式
强缓存 在缓存的有效期内在 本地缓存 拿数据即浏览器与服务器之间不会有交互。 协商缓存 每次请求都会与浏览器进行交互。浏览器会向服务器发送请求询问资源是否有更新服务器根据请求中的某些标识ETag或Last-Modified来判断资源是否发生变化并做出响应。
2. 响应状态码
强缓存 如果命中强缓存浏览器会直接读取本地缓存而不会向服务器发请求。强缓存状态码为200OK 协商缓存 如果资源未发生变化服务器会返回304Not MOdidied状态码表示浏览器可以根据使用本地缓存的数据。如果有更新则会返回新的数据。
3. 缓存验证机制
强缓存 通过 Expires和Cache-Control这两个HTTP请求头信息实现指定缓存的有效期。在有效期内浏览器不会向服务器发请求 协商缓存 通过ETag和Last-Modified这两个请求头实现。ETag是一个资源的唯一标识Last-Modified表示资源最后的修改时间。浏览器在请求时会带上这两个信息服务器会根据这些信息来判断资源是否发生了变化。
4. 刷新策略
f5刷新网页时跳过强缓存进行协商缓存 ctrlf5刷新页面时会跳过强缓存和协商缓存直接向服务器请求
总结
缓存类型获取资源形式状态码发送请求到服务器强缓存从本地缓存200(from cache)否直接从缓存取协商缓存从缓存取304(Not Modified)否通过服务器来告知缓存是否可用
参考 https://blog.csdn.net/qq_63140280/article/details/131396490?ops_request_misc%257B%2522request%255Fid%2522%253A%2522171263296216800184140665%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257Drequest_id171263296216800184140665biz_id0utm_mediumdistribute.pc_search_result.none-task-blog-2allsobaiduend~default-2-131396490-null-null.142v100pc_search_result_base1utm_term%E6%B5%8F%E8%A7%88%E5%99%A8%E7%BC%93%E5%AD%98%E7%AD%96%E7%95%A5spm1018.2226.3001.4187
https://blog.csdn.net/weixin_45822171/article/details/136850590
https://blog.csdn.net/m0_48076809/article/details/119304747
