家里WiFi看着满格，可打开购物网站还是慢吞吞。刷新半天图片才出来，点个链接还要转圈等加载。其实问题可能不在网速，而是浏览器有没有好好利用ref="/tag/431/" style="color:#8B0506;font-weight:bold;">缓存。这时候打开开发者工具里的network面板，就能看出门道。
怎么打开network面板
在电脑上用Chrome或Edge浏览器，按F12或者右键选择“检查”，切换到Network这一栏就行。再刷新一下网页，所有资源的加载记录就都出来了。
怎么看缓存有没有生效
加载完页面后，观察每一行请求的Size列。如果某个文件显示的是“from disk cache”或者“from memory cache”，说明这个资源没从网络下载，而是直接用了本地缓存，这就是缓存命中。
比如你常刷的新闻页，CSS样式和logo图片基本不变。第一次打开时这些文件是从服务器下载的，Size会显示具体大小，像“56.2 KB”。第二次刷新，如果看到“from disk cache”，说明浏览器省了这趟网络请求，页面自然更快。
手动清缓存测试对比
想验证更清楚？可以先清掉缓存再看变化。在Network面板顶部勾选“Disable cache”，然后刷新页面。这时候所有资源都会重新下载，Size列不再出现from cache，加载时间也会变长。取消勾选后再刷一次，缓存又起作用了。
实际应用场景
家里的老人总说手机上网卡，你帮忙看看，发现他们常用的健康公众号每次打开都要重载一堆图片。用network面板一查，全是200状态码，没有from cache，说明缓存没启用。可能是误开了无痕模式，或者点了“清空历史记录”连带把缓存也清了。教他们正常使用模式浏览，下次再进页面就会快不少。
小技巧：筛选资源类型
面板上方有JS、Img、CSS等分类按钮，点一下Img只看图片加载情况。如果发现某张图反复下载，而别的网站类似图片都能缓存，那可能是网站设置的问题，不是你这边的事。
平时多留意这个细节，不用装软件也能判断网页性能。谁家还没个需要反复查看的页面呢，能省一次加载，就少一分等待。