客户第一次打开你网站，要下载页面、图片、CSS、JS一大堆文件。第二次打开还要重新下载一遍吗？不用。浏览器缓存就是告诉客户浏览器：这些文件你存着，下次直接用。
浏览器缓存原理
你在服务器配置里告诉浏览器：这个CSS文件，7天内你都不要重新下载，直接用你本地存的版本。客户再访问你网站，除了HTML页面，其他静态文件都从他自己电脑读取，速度飞快。
这对老客户特别明显：新客户第一次打开要3秒，老客户第二次打开只要1秒。
怎么配置
宝塔面板的话，网站设置里有「浏览器缓存」选项，勾选一下，选择文件类型对应的缓存时间。一般推荐：
图片（jpg/png/webp）：缓存30天。
CSS、JS：缓存7天。
HTML页面：不缓存或者缓存很短时间（5分钟）。因为文章内容经常改，缓存太久客户看到旧版。
几个坑
第一，改了CSS/JS怎么让客户看到新版？ 给文件加版本号，比如 style.css?v=2。你改完文件，把版本号改成v=3，浏览器就会重新下载。
第二，别把HTML缓存太久。前面文章讲过CDN缓存，浏览器缓存也是一样，HTML缓存久了客户看到旧文章。
第三，配合Gzip一起用效果最好。Gzip压缩传输，浏览器缓存减少重复下载，两个都开，网站速度直接上一个台阶。
