這里測的是V2引擎,V1想拿A幾乎不可能,一個CDN測試的F就可以輕松廢了你的網站。
A評級
現在一個一個分析。
User fewer HTTP Requests:減少HTTP請求
圖片、CSS、JS、flash等這些都需要增加http請求數,減少這些元素的數量能減少響應時間。
把多個JS、CSS盡可能合并壓縮(除了JS庫,那東西用別的網站上的緩存比較靠譜)
小圖片盡可能拼在一起,利用CSS的background定位。
Use a Content Delivery Network 利用CDN技術
蝦米CND技術?自己搜索去吧,反正是空間提供商的事情,和你沒關系的,此項我毫無鴨梨的得了F。
Avoid empty src or href 不存在的空路徑
類似于<img src=”">這樣的鏈接不要出現。
Add an Expires headers 設置緩存控制
在.htaccess文件里面加一段
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 7 days”
ExpiresByType image/x-icon “access plus 30 days”
ExpiresByType image/gif “access plus 30 days”
</IfModule>
服務器如果不支持mod_expires就不可以用了。
Compress components with gzip 設置GZIP壓縮
在cPanel的網站優化里面選擇第二項全部壓縮就好了。
Put CSS at top CSS放頭部
正常網頁都應該這樣吧?
Put JavaScript at bottom JS放腳下
反正我是放腳下,如果你的網頁不是特別依賴JS的效果,還是把JS放腳下比較好。
Avoid CSS Expressions 避免CSS ?表達式
每個CSS的教科書都會告訴你不要寫Expressions,不解釋了。
我是因為語法高亮插件自帶了Expressions才得B,有時候為了兼容IE6,唉。。
Make Javascript and CSS external 使用外部JavaScript和CSS文件
當然要這么做。
Reduce DNS Lookups 減少DNS查找
減少網站從外部網站調用資源。
Minify Javascript and CSS
JS和CSS最小化,很多工具都可以用來壓縮他們。
Avoid URL redirects 避免重定向
除了避免3XX類型的重定向,還有一個小問題,最好不要寫aa.com/bb這樣的網址,因為會被重定向到aa.com/bb/,雖然
Apache可以使用
mod_rewrite,但不這么寫是最好的。
Remove duplicate javascript and CSS 刪除重復腳本和CSS
最常見的就是多次加載jquery了,用jsview查看下就一目了然了。
Configure ETags 配置ETags
想知道ETags是什么Google之。
解決辦法是 .htaccess里加入FileETag None之。
Make AJAX cacheable 設置AJAX的緩存
AJAX的信息讀取是異步的,這也表示用戶不一定會等待這異步的響應,為避免重復的AJAX請求,設置緩存是優化性能的一個好方法。
Use GET for AJX requests
AJAX用Get不要用Post,這個AJAX書里面都會介紹的。
Reduce the number of DOM elements 減少DOM元素數量
這個需要xhtml有個好的構架。
Avoid HTTP 404 (Not Found) error 避免出現404錯誤頁面。
404對服務器還是用戶都不好。
Reduce cookie size 減少cookie的大小
cookie控制在4K以內。
Use cookie-free domains 使用域名無關性的Cookie
這里是有關靜態服務器的問題,主要是指一些靜態文件比如說圖片、CSS等等,比如說YAHOO,他的靜態文件都在 yimg.com 上,客戶端請求靜態文件的時候,減少了 Cookie 的反復傳輸對主域名的影響。
又一個F,沒辦法,小網站。
Avoid AlphaImageLoader filter
避免AlphaImageLoader濾鏡的使用。
如果為了實現IE6的PNG透明,忍吧。
Do not scale images in HTML 不要對圖片進行縮放
W3C一直不提倡圖片縮放,一方面是對服務器資源的浪費,另一方面也是對性能的浪費。
不過呢,由于用Windows Live Writer寫博客,插圖片時候默認是縮放的,沒辦法,只能B。
Make favicon small and cacheable 使圖標盡可能小,并使用緩存。
這里指的是favicon.ico了,前面已經設置過了favicon.ico緩存。