读书人

yslow应用测试优化瞬间使jquery博客 分

发布时间: 2012-11-26 11:48:50 作者: rapoo

yslow使用测试优化瞬间使jquery博客 分数A

jquery特效最近加班,天天九点下班,可怜啊。加上博客搬家,遇上不少事情,纠结的很,幸好有小QQ童鞋,协助搞定,多谢了。

今天闲着没事,用yslow测试优化瞬间使jquery博客 分数A。

之前都是70多分来着。经过几部优化,快速飙升到A,有图有真相。

yslow应用测试优化瞬间使jquery博客 分数A

主要修改下面几个方面,因为使用的使用的是linux,配置个htaccess

其实yslow用法也就这些 参考yslow指示

1,Compress components with gzip

Gzip 压缩是减少文件体积增加用户体验的简单方法,添加以下代码到 .htaccess 文件即可。

SetOutputFilter DEFLATEAddOutputFilterByType DEFLATE text/html text/css image/gif image/jpeg image/png application/x-javascript

本来之前在美国机房是好好,现在移到北京了,不知是不是机房做限制,随便怎么使现在只有个B,哎算了,继续下去优化。
2,Configure entity tags (ETags)
ETags 是服务器和浏览器的一个功能,我也不是很懂这些,总之,结论就是:如果你没有使用 ETags 提供的灵活的验证模式,那么干脆把所有的 ETags 都关掉。方法很简单,只要添加以下代码到 .htaccess 文件即可:
FileETag none

3,Use a Content Delivery Network (CDN)

这个需要给钱的,咱没多少钱的,pass吧。

4,Add Expires headers

简单点说:就是缓存一下不常修改的文件,提升访问速度。在 .htaccess 文件中写入以下代码:

ExpiresActive OnExpiresDefault A600ExpiresByType image/x-icon A2592000ExpiresByType application/javascript A2592000ExpiresByType application/x-javascript A2592000ExpiresByType text/css A604800ExpiresByType image/gif A2592000ExpiresByType image/png A2592000ExpiresByType image/jpeg A2592000ExpiresByType text/plain A86400ExpiresByType application/x-shockwave-flash A2592000ExpiresByType video/x-flv A2592000ExpiresByType application/pdf A2592000ExpiresByType text/html A600

不知道我设置错了,还是怎么了,感觉没作用,明天继续优化这个方面

5,css 多个何并越少越好 写在头部

6,js 多个何并越少越好 写在底部

7,CSS Sprite(css 精灵)

主要jquery博客用了上面几个方法优化了,还有些没搞定,明天空余的话继续折腾下,向100前进,YY 了,哈哈。


转自 jquery http://www.jqueryba.com/501.html

读书人网 >Web前端

热点推荐