WordPress将网站一切图片缓存到浏览器 提升加载速度

大米酱 • 2019-01-19 • WordPress, 主题优化 • 804 阅读

开启浏览器缓存是指访客第一次访问时下载的css和js文件存放在访客本地电脑，当访客第二次访问网站时，浏览器无需下载css和js文件，直接调用本地css和js文件，加快了网页的加载。

Apache服务器开启浏览器缓存的办法

LAMP服务器上，编辑网站根目录下的.htaccess文件，加上如下内容：

  1. ## EXPIRES CACHING ##
  2.  
  3. ExpiresActive On
  4. ExpiresByType image/jpg "access 1 year"
  5. ExpiresByType image/jpeg "access 1 year"
  6. ExpiresByType image/gif "access 1 year"
  7. ExpiresByType image/png "access 1 year"
  8. ExpiresByType text/css "access 1 month"
  9. ExpiresByType application/pdf "access 1 month"
  10. ExpiresByType text/x-javascript "access 1 month"
  11. ExpiresByType application/x-shockwave-flash "access 1 month"
  12. ExpiresByType image/x-icon "access 1 year"
  13. ExpiresDefault "access 1 days"
  14.  
  15. ## EXPIRES CACHING ##

这就基本上缓存了大部分较大的文件。

Nginx服务器开启浏览器缓存的办法

在网站的配置文件bo.moioi.com.conf里的location段编辑成如下的内容：

  1. location ~*  \.(jpg|jpeg|png|gif|ico|css|js)$ {
  2.         expires 365d;
  3.     }location ~*  \.(pdf)$ {
  4.         expires 30d;
  5. }

然后重启nginx服务service nginx restart，大功告成。
WordPress网站启用浏览器缓存可以提高google pagespeed test的分数

|| 版权声明
作者：大米
链接：https://blog.qqsuu.cn/45.html
声明：如无特别声明本文即为原创文章仅代表个人观点，版权归《大米博客》所有，欢迎转载，转载请保留原文链接。
THE END
二维码
打赏
海报
WordPress将网站一切图片缓存到浏览器 提升加载速度
开启浏览器缓存是指访客第一次访问时下载的css和js文件存放在访客本地电脑，当访客第二次访问网站时，浏览器无需下载css和js文件，直接调用本地css和js文件，……
)">
<<上一篇
下一篇>>