正在载入...


YSlow和Page Speed介绍

安装YSlow:http://developer.yahoo.com/yslow/
安装Page Speed:http://pagespeed.googlelabs.com/pagespeed/
什么是YSlow?

Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。 Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。yslow就是yahoo!开发用来检测网站速度的工具,它是以Mozilla Firefox和chrome插件的形式发布。

YSlow和Page Speed性能测试
什么是 Page Speed?

Page Speed会先分析网页的内容,然后生成关于如何提高网页速度的建议。提高网页的加载速度可以降低跳出率并提高转化率。
为什么越快越好?
在 Google,我们发现运行速度较快的网站往往能带来更好的用户体验。


我的.htaccess设置

#缓存文件
<IfModule mod_headers.c>
<FilesMatch "\.(html|htm|ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=2419200, public"
</FilesMatch>
<FilesMatch "\.(xml|txt)$">
Header set Cache-Control "max-age=18000, public, must-revalidate"
</FilesMatch>
<FilesMatch "\.(php)$">
Header set Cache-Control "max-age=3600, must-revalidate"
</FilesMatch>
</IfModule>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A600
ExpiresByType image/x-icon A2592000
ExpiresByType application/x-javascript A2592000
ExpiresByType text/css A604800
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/jpg A2592000
ExpiresByType text/plain A86400
ExpiresByType application/x-shockwave-flash A2592000
ExpiresByType video/x-flv A2592000
ExpiresByType application/pdf A2592000
ExpiresByType text/html A600
</IfModule>
#压缩输出
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_xml
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php
AddOutputFilterByType DEFLATE image/svg+xml
</ifmodule>


.htaccess一点解释

Add Expires headers
Expires header,就是过期时间的header报文。这个文件过期时 间,其实就是通过header报文来指定特定类型的文件在浏览器中的缓存时间。有些文件(例如样式表中调用的背景图片和文章中调用的图片)其实在很长一段 时间内我们都不会对它们有什么改变,这类文件可以设置非常长的缓存时间,这样浏览器以后就不需要再从服务器下载这些文件而直接从缓存中读取,从而大大加速 网站的载入速度。

其实现方法是:
<IfModule mod_headers.c>至</IfModule>这段内容。

<IfModule mod_expires.c>至</IfModule>这段是定义各类文件的过期时间

至于压缩输出,是指gzip压缩输出,效率在76%


我的wordpress测试结果

进行了上面的设置之后,使用 itong 主题 (《文通博客wordpress主题itong v1.1发布[仿GDC]》)的性能测试结果Page Speed是89(未设置前是60多),yslow是B,扣分原因是评论的头像、统计的js和jquer代码(未设置前似乎是C的样子,没有大多留意)

本文链接:

关键词:htaccess, ifmodule, mod_deflate, mod_headers, PageSpeed, WordPress, YSlow,

(全文完        )

Comments

哈哈,沙发有木有?!!!抢沙发快速评论

你需要 登录 才可以回复.