利用htaccess优化设置浏览器端缓存:Leverage browser caching

最新推荐文章于 2024-09-14 16:13:49 发布

yudan215

最新推荐文章于 2024-09-14 16:13:49 发布

阅读量273

点赞数

分类专栏： phpcms v9 文章标签：运维 javascript ViewUI

本文链接：https://blog.csdn.net/yudan215/article/details/84200209

版权

phpcms v9 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

利用htaccess优化设置浏览器端缓存:Leverage browser caching。昨天利用在线检测功能测试了一下花皙蔻的网站性能，结果得分才84分，不尽人意啊，其中有一条建议的提示是Leverage browser caching没有设置浏览器端缓存。

通过网络搜索资料得知，所谓Leverage browser caching的网络相关解释是：网站上的静态内容，诸如：图片、CSS、JS、flash等，一般变动很小，甚至几个月都不会有所更改，这些体积庞大的静态内容占据了大部分网页加载时间。如何降低静态内容加载时间，甚至不需要（二次）加载静态内容，Leverage browser caching（浏览器端缓存）可以有效地解决这一问题，他使得浏览器可以缓存静态内容，使得浏览器不需要二次加载这些内容。

实现方法也很简单，向.htaccess(推荐用ftp把.htaccess文件传到本地,修改后在上传。)文件中添加以下代码：


#Expire Header
ExpiresActive on //开启缓存
ExpiresByType text/css "access 1 month"//css文件缓存1个月
ExpiresByType text/plain "access 2 days"//纯文本内容缓存2天
ExpiresByType text/html  "access 2 days"//html文件缓存2天
ExpiresByType application/javascript "access 1 month"//JS文件缓存1个月
ExpiresByType image/jpeg "access 1 month"//jpeg图片缓存1个月
ExpiresByType image/x-icon "access 1 month"//icon缓存1个月
ExpiresByType image/gif "access 1 month"//gif图片缓存一个月
ExpiresByType image/png "access 1 month"//png图片缓存一个月
ExpiresByType image/ico "access 1 month"//ico缓存1个月
ExpiresByType application/pdf "access 1 month"//pdf文件缓存一个月
ExpiresByType application/x-shockwave-flash "access 1 month"//flash缓存一个月
ExpiresDefault "access 1 month"// 默认（未提及的可缓存文件）缓存1个月

缓存的保存时间可以自己修改，但是不要改错了。保存重新上传后刷新网页，用Yslow测试可以看到，绝大部分内容都被缓存了。也就是说：读者第一次打开网页加载所有静态文件，以后再访问该页面，就不需要加载了。如果其他页面也使用相同的静态文件（比如js和css），那么访问其他页面也会很快（直接在浏览器的缓存里提取相应的静态内容）。