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

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

缓存网站 css nginx

0 人点赞

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