懒人

发表文章数:160

首页 » 技术教程 » WordPress将网站所有图片缓存到浏览器提高加载速度

WordPress将网站所有图片缓存到浏览器提高加载速度

简介:

WordPress博客里大量的图片会使页面加载速度变得缓慢, 此时访问者需要用更多时间才能打开一个页,开启浏览器缓存是指访客第一次访问时下载的css和js文件存放在访客本地电脑,当访客第二次访问网站时,浏览器无需下载css和js文件,直接调用本地css和js文件,加快了网页的加载。

Apache服务器开启浏览器缓存:

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

EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 days"

## EXPIRES CACHING ##


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

Nginx服务器开启浏览器缓存:

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

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


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

未经允许不得转载:作者:懒人, 转载或复制请以 超链接形式 并注明出处 懒人资源博客
原文地址:《WordPress将网站所有图片缓存到浏览器提高加载速度》 发布于2020-07-15

分享到:
赞(0)

评论 抢沙发

8 + 4 =


Vieu4.5主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册