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

开启浏览器缓存是指访客第一次访问时下载的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的分数

我还没有学会写个人说明!
上一篇

WordPress添加CDN无法获取真实IP地址

下一篇

Emlog侧边栏增加新浪图床上传代码

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片
MikW- 管理员
我还没有学会写个人说明!

最新评论

返回顶部