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

shmily 293 0 百度已收录

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

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

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的分数

发表评论 取消回复
表情 代码

分享