前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress提高加载速度 开启浏览器缓存的方法

WordPress提高加载速度 开启浏览器缓存的方法

作者头像
小狐狸说事
发布2022-11-16 14:29:42
5550
发布2022-11-16 14:29:42
举报
文章被收录于专栏:小狐狸说事

WordPress提高加载速度开启浏览器缓存的方法


相关简介

为什么需要浏览器缓存?因为它可以通过在你的浏览器存储网站的常用文件,从而减少网页加载时间。一个浏览器加载CSS、JS、图片资源显示到网页上,这个进程总是要执行的。如果这些常用文件被浏览器缓存,那么访问者的浏览器就不需要每次都加载它们,所以网页加载时间就会减少。

开启浏览器缓存是指访客第一次访问时下载的css和js文件存放在访客本地电脑,当访客第二次访问网站时,浏览器无需下载css和js文件,直接调用本地CSS和CSS文件,加快了网页的加载。当页面第一次被加载时,将所有图片存放在浏览器的缓存池里。 之后访问者再加载该页面时,浏览器就可以从浏览器缓存中获取图片,从而减少页面加载时间。

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

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

代码语言:javascript
复制
## 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段编辑成如下的内容:

代码语言:javascript
复制
location ~* .(jpg|jpeg|png|gif|ico|css|js)$ {
expires 365d;
}location ~* .(pdf)$ {
expires 30d;
}

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • WordPress提高加载速度开启浏览器缓存的方法
    • 相关简介
      • Apache服务器开启浏览器缓存的办法
        • Nginx服务器开启浏览器缓存的办法
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档