YSlow(參見(jiàn) 參考資料)分析網(wǎng)頁(yè),并根據(jù) Yahoo! 起草的高性能網(wǎng)站規(guī)則(參見(jiàn) 參考),告訴您網(wǎng)頁(yè)加載緩慢的原因。YSlow 是一個(gè)與 Firebug 集成的 Firefox 插件,因此您需要首先安裝 Firebug,然后才能安裝和使用 YSlow。
兩個(gè) Firefox 擴(kuò)展的安裝過(guò)程都非常簡(jiǎn)單。要安裝 Firebug,執(zhí)行以下步驟:
您現(xiàn)在可以從 Tools 菜單訪問(wèn) Firebug。可以在新窗口或現(xiàn)有窗口中打開(kāi) Firebug(參見(jiàn) 圖 1)。
安裝 YSlow
安裝 Firebug 之后,接下來(lái)安裝 YSlow。為此,執(zhí)行以下步驟:
1.打開(kāi) Firefox,然后轉(zhuǎn)到 YSlow 主頁(yè)。
2.安裝插件,然后重啟 Firefox。注意:與許多其他 Firefox 擴(kuò)展不同,YSlow 不會(huì)自動(dòng)啟動(dòng)。必須首先激活它。
3.要激活 YSlow,在狀態(tài)欄右鍵單擊其圖標(biāo),然后單擊 Autorun。
圖 2 顯示了 YSlow 性能分析的結(jié)果。
圖 2. Firefox 起始頁(yè)的 YSlow 性能分析
常識(shí):牢記設(shè)計(jì)規(guī)則
令人驚訝的是簡(jiǎn)單的設(shè)計(jì)規(guī)則通常會(huì)被忽視,最終產(chǎn)生未經(jīng)優(yōu)化的、下載緩慢的網(wǎng)頁(yè)。牢記以下規(guī)則,頁(yè)面的加載速度將會(huì)更快。
使用良好的結(jié)構(gòu)
可擴(kuò)展 HTML (XHTML) 具有許多優(yōu)勢(shì),但是其缺點(diǎn)也很明顯。XHTML 可能使您的頁(yè)面更加符合標(biāo)準(zhǔn),但是它大量使用標(biāo)記(強(qiáng)制性的 <start>和 <end> 標(biāo)記),這意味著瀏覽器要下載更多代碼。所以,事情都有兩面性,嘗試在您的網(wǎng)頁(yè)中使用較少的 XHTML 代碼,以減小頁(yè)面大小。
如果您確實(shí)不得不使用 XHTML,試著盡可能對(duì)它進(jìn)行優(yōu)化。例如,刪除空格并采用嚴(yán)格的 XHTML 編碼實(shí)踐,提高下載和解析速度。要嚴(yán)格執(zhí)行 XHTML Strict 規(guī)則,向文檔中添加以下 doctype 語(yǔ)句:
|
新聞熱點(diǎn)
疑難解答
圖片精選