Leverage browser caching 设置浏览器缓存加速网站

注：此方法适用于lamp环境的主机网站，也就是支持.htacess的网站，如果你的网站是lnmp环境，请到nginx修改配置

什么是browser caching？

• 当用户访问网站时，浏览器会将网站的内容缓存到电脑
• 设置浏览器缓存，可以指定网页文件缓存到本地电脑的时间，减少重复加载

网站加载会有很多文件，logo图片、css文件等，浏览器缓存能“记住”这些文件，当访客访问其他页面时，logo图片、css等就不用重复加载，这也是为什么首次访问一个网页的时间永远比第二次访问要慢很多，因为浏览器记住了你之前访问时加载的文件，不用二次加载。

如何设置browser caching？

设置浏览器缓存，需要编辑网站的.htacess文件，一般情况下，如果你安装了yoast seo插件，可以在Tools里面编辑.htacess文件

利用yoast seo编辑.htacess文件

将如下代码放入.htacess文件中：

## EXPIRES CACHING ##
    
    ExpiresActive On
    ExpiresByType text/css A31536000
    ExpiresByType application/x-javascript A31536000
    ExpiresByType text/x-component A31536000
    ExpiresByType text/html A3600
    ExpiresByType text/richtext A3600
    ExpiresByType image/svg+xml A3600
    ExpiresByType text/plain A3600
    ExpiresByType text/xsd A3600
    ExpiresByType text/xsl A3600
    ExpiresByType text/xml A3600
    ExpiresByType video/asf A31536000
    ExpiresByType video/avi A31536000
    ExpiresByType image/bmp A31536000
    ExpiresByType application/java A31536000
    ExpiresByType video/divx A31536000
    ExpiresByType application/msword A31536000
    ExpiresByType application/vnd.ms-fontobject A31536000
    ExpiresByType application/x-msdownload A31536000
    ExpiresByType image/gif A31536000
    ExpiresByType application/x-gzip A31536000
    ExpiresByType image/x-icon A31536000
    ExpiresByType image/jpeg A31536000
    ExpiresByType application/vnd.ms-access A31536000
    ExpiresByType audio/midi A31536000
    ExpiresByType video/quicktime A31536000
    ExpiresByType audio/mpeg A31536000
    ExpiresByType video/mp4 A31536000
    ExpiresByType video/mpeg A31536000
    ExpiresByType application/vnd.ms-project A31536000
    ExpiresByType application/x-font-otf A31536000
    ExpiresByType application/vnd.oasis.opendocument.database A31536000
    ExpiresByType application/vnd.oasis.opendocument.chart A31536000
    ExpiresByType application/vnd.oasis.opendocument.formula A31536000
    ExpiresByType application/vnd.oasis.opendocument.graphics A31536000
    ExpiresByType application/vnd.oasis.opendocument.presentation A31536000
    ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000
    ExpiresByType application/vnd.oasis.opendocument.text A31536000
    ExpiresByType audio/ogg A31536000
    ExpiresByType application/pdf A31536000
    ExpiresByType image/png A31536000
    ExpiresByType application/vnd.ms-powerpoint A31536000
    ExpiresByType audio/x-realaudio A31536000
    ExpiresByType image/svg+xml A31536000
    ExpiresByType application/x-shockwave-flash A31536000
    ExpiresByType application/x-tar A31536000
    ExpiresByType image/tiff A31536000
    ExpiresByType application/x-font-ttf A31536000
    ExpiresByType audio/wav A31536000
    ExpiresByType audio/wma A31536000
    ExpiresByType application/vnd.ms-write A31536000
    ExpiresByType application/vnd.ms-excel A31536000
    ExpiresByType application/zip A31536000
    
    ## EXPIRES CACHING ##

如何给不同的文件设置缓存时间？

ExpiresByType application/zip A31536000 表示这个文件可以缓存一年，给不同的文件设置缓存时间可以修改A后面的数字。另外特别需要注意的时，经常性更换的文件不建议设置太长时间缓存，否则会有部分访客看不到网站的修改。

我们使用网站测速工具http://gtmetrix.com/看一下设置浏览器缓存前后的数据对比：

看到得分变高了是不是很有成就感，哈哈！！欢迎留言评论。