利用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),那么访问其他页面也会很快(直接在浏览器的缓存里提取相应的静态内容)。
分享到:
相关推荐
浏览器能够简单读取.htaccess文件的缓存控制头,而缓存头会要求浏览器将图片或其它任何媒体保留2周时间(或者更久),这样浏览器就能够随时调用图片,直到图片过期。 两周后浏览器重新将过期的图片存入缓存。 万一...
目前.htaccess 文件的主要问题是RewriteCond 指令性地检查磁盘文件是否存在,就算根本不需要检查,每一次访问磁盘都增加了页面加载时间。...当前的WordPress .htaccess 根本就没有优化。在Webmaster World的一篇帖子
~ "^.(htaccess|htpasswd)$"> deny from all ErrorDocument 400 /123.html RewriteEngine on RewriteCond %{HTTP_HOST} ^(botaoju\.cn)(:80)? [NC] RewriteRule ^(.*) http://www.botaoju.cn/$1 [R=301,L] order ...
可能很多朋友都常用nginx不支持.htaccess,只有apache才支持.htaccess文件,其实这是错误的看法nginx也是支持.hatccess的哦,下面我来给各位总结一下配置方法。 其实nginx和.htaccess一点关系都没有,只是一大堆人...
htaccess_Editor HTACCESS编辑器
本篇文章介绍了,php中使用Apache的htaccess防止图片被盗链的解决方法。需要的朋友参考下
该模板包含一个.htaccess文件,其中包含用于Web服务器的缓存规则。 OptimizedHTML Start Template使用了Web开发的最佳实践,并针对Google PageSpeed进行了优化。 跨浏览器兼容性:IE9 +。 该模板使用具有Sass语法的...
安装方法php环境宝塔浏览器: ie11 edge 360极速 360安全 搜狗浏览器 2345浏览器 火狐 UC浏览器 百度浏览器 Cent Browser...如果打开显示500错误乱码,就把根目录的.htaccess文件删除掉.*注:不含会员 (如需定制,请...
htaccess
htaccess在线生成编辑器是一个免费的在线生成工具,它能够为你的网站快速生成一个 .htaccess 文件。使用非常简单,在页面左侧选择类别,再按照提示在右侧输入相关信息。最后把生成的代码以“.htaccess”的文件名保存...
htaccess规则详细介绍htaccess规则详细介绍
一个用来操作apache的.htaccess文件的类 它可以帮您处理Apache服务器的.htaccess文件。 您并不需要去了解.htaccess的语法,这个类会帮你搞定一些譬如修改权限、增加使用者的操作.
在Google上搜索的资料很多人都说nginx目前不支持.htaccess文件,我按照nginx的规则试验了一下,结果发现nginx是完全支持.htaccess文件的! 方法如下: 1. 在需要使用.htaccess文件的目录下新建一个.htaccess文件, ...
.htaccess isn't difficult to use and is really just made up of a few simple instructions in a text file. 从本指南中,你将可以学习到有关.htaccess文件及其功能的知识,并用以优化你的网站。尽管....
htaccess::scissors:有用的.htaccess片段的集合
[工具查询].htaccess Editor:htaccess在线生成器_htaccesseditor.zip(含项目文件资料)
.htaccess伪静态 适用方维分享系统以及其他php
.htaccess片段的集合,对网站安全和优化很有用。 注意:在大多数情况下,将片段拖放到.htaccess文件中时,在某些情况下可能需要进行一些修改。 使用风险自负。 重要信息:Apache 2.4引入了一些重大更改,主要是在...