59 浏览器强缓存和弱缓存的效果演示

59 浏览器强缓存和弱缓存的效果演示

59.1 首次访问 - 无缓存

浏览器访问：http://10.0.0.100/jquery.js ，返回码：200，存储：7.7KB

59.2 存在缓存 - 弱缓存

浏览器访问：http://10.0.0.100/jquery.js ，返回码：304，存储：0.2KB

59.3 存在缓存 - 强缓存

新开页面，先按F12，然后再浏览器访问：http://10.0.0.100/jquery.js ，返回码：200，存储 disk cache

59.4 对比

# 无缓存 Request Headers
GET /jquery.js HTTP/1.1
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
Accept-Encoding: gzip, deflate
Accept-Language: zh-CN,zh;q=0.9
Cache-Control: no-cache
Connection: keep-alive
Host: 10.0.0.100
Pragma: no-cache
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36

# 弱缓存 Request Headers
GET /jquery.js HTTP/1.1
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
Accept-Encoding: gzip, deflate
Accept-Language: zh-CN,zh;q=0.9
Cache-Control: max-age=0
Connection: keep-alive
Host: 10.0.0.100
If-Modified-Since: Thu, 14 May 2026 08:55:52 GMT
If-None-Match: "6a058e18-1d0b"
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36

# 强缓存 Request Headers
upgrade-insecure-requests
1
user-agent
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36

 

———————————————————————————————————————————————————————————————————————————

                                                                                                                         无敌小马爱学习