WordPress浏览器缓存配置

1. 咱们先唠唠浏览器缓存是啥玩意儿。你打开一个WordPress网站，浏览器会自动把一些图片、CSS、JS文件存本地。下次再访问，直接本地加载，唰一下就打开了，用户体验杠杠的。不配置的话，每次访问都重新下载，慢得像蜗牛，还浪费服务器资源。

2. 核心原理就是让浏览器知道哪些文件可以存、存多久。通过HTTP响应头控制，比如Cache-Control、Expires这些玩意儿。WordPress本身没提供完整缓存配置，得靠咱自己动手。一般有两种法子：修改.htaccess文件（Apache服务器）或者用插件。

3. 先上硬核方法——手动改代码。找到网站根目录的.htaccess文件，用文本编辑器打开，在# END WordPress这行之前插入下面代码：

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
</IfModule>

这段代码给不同文件类型设置过期时间，图片存一年，CSS/JS存一个月，HTML只存10分钟（因为动态内容变得快）。

4. 再加个缓存控制头，更精细化。在同个文件里继续追加：

   <IfModule mod_headers.c>
   <FilesMatch "\.(jpg|jpeg|png|gif|svg)$">
   Header set Cache-Control "max-age=31536000, public"
   </FilesMatch>
   <FilesMatch "\.(js|css)$">
   Header set Cache-Control "max-age=2592000, public"
   </FilesMatch>
   </IfModule>

   这样浏览器和CDN都能看懂该咋缓存。注意啊，改动前备份原文件，手滑写错了网站可能白屏。

5. 要是用Nginx服务器，配置就不一样了。打开站点配置文件（通常在/etc/nginx/sites-available/目录里），在server块里加：

   location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
   expires 30d;
   add_header Cache-Control "public, no-transform";
   }

   改完记得用nginx -t测试语法，然后systemctl reload nginx重启服务。

6. 对于懒人党，直接装插件更省事。推荐用"WP Super Cache"或者"W3 Total Cache"。安装后勾选"浏览器缓存"选项，自动生成配置。比如W3TC里找到Browser Cache页，启用HTTP压缩和缓存头，设置ETag选项就行。插件适合小白，但多一个插件多少拖慢点速度，自己权衡。

7. 最后提醒个坑：更新文件后如何让用户及时获取新版本？可以在文件名加版本号，WordPress自带这功能。比如主题里加载CSS时用wp_enqueue_style('theme-style', get_stylesheet_uri(), array(), filemtime(get_template_directory() . '/style.css'));，文件修改时间会自动附加到URL，缓存立马失效。

8. 总结一下：浏览器缓存不是黑科技，本质是让静态资源本地化。WordPress搞缓存就像给网站穿跑鞋，快人一步。手动配置性能更好，插件方案更无脑。无论用哪种，记得测试效果——打开浏览器开发者工具，看Network标签里资源是否显示from disk cache。有了这玩意儿，网站加载速度直接起飞，SEO排名也能蹭蹭往上涨。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。