主机优惠
信息分享

WordPress博客将所有图片缓存到浏览器 可以提高加载速度

WordPress程序本身就比较臃肿,如果有大量的图片会使页面加载速度变得更加的缓慢,对于部分网站来说可以能会损失部分用户资源。 通过下面的方法可以通过缓存图片来解决这个问题, 当页面第一次被加载时,将所有图片存放在浏览器的缓存池,这样可以提供加载速度,达到网站优化的目的。

开启浏览器缓存是指访客第一次访问时下载的css和js文件存放在访客本地电脑,当访客第二次访问网站时,浏览器无需下载css和js文件,直接调用本地css和js文件,加快了网页的加载。
WordPress博客将所有图片缓存到浏览器 可以提高加载速度

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

注:内容收集于互联网,所以在修改之前请做好源文件的备份,以防止修改出错造成的损失!

赞(0)
欢迎转载:VPS推荐网 » WordPress博客将所有图片缓存到浏览器 可以提高加载速度