當前位置：利用火狐瀏覽器插件進行網頁速度優化
Yslow是雅虎開發者團隊開發的一款基于Firefox的插件。具體功能是分析網頁一些元素的速度，并提出如何提高其性能基礎上的一套規則，使之成為高性能的網頁。Yslow是運行在Firebug窗口下，所以要運行Yslow，必須安裝Firebug。本文的目的主要是介紹Yslow的一些功能以及如何利用yslow去優化網頁速度。
一、準備工作
首先安裝Firebug
下載地址：https://addons.mozilla.org/en-US/firefox/addon/1843/
怕大家英文看不懂直接提供華軍下載地址：http://www.onlinedown.net/soft/82618.htm
然后安裝Firefox插件
打開Firefox瀏覽器，“工具”——》“附加組件”，如下圖在“獲取附加組件”，搜索“yslow”找到插件，添加至Firefox，然后安裝就可以了。
二、Yslow的啟動工作
Yslow有兩種啟動方式
1. 在Firefox瀏覽器，“工具”欄打開Firebug窗口，選擇Yslow選項。
2. 在瀏覽器最右下角點擊扇形圖標，此為Yslow的啟動按紐。
成功啟動后會出現如下圖：
點擊Run Test 運行Yslow，也可以點擊 Grade， Components， 或Statistics選項開始對頁面的分析。
三、Yslow的一些英文語義概述
㈠ GRADE：對網頁進行評級，從最重要到不重要，A-F一共23個等級
㈡ COMPONENTS：組件圖主要如下
1.TYPE：該組件的類型。該網頁是由組成部分的下列類型： doc， js， css， flash， cssimage， image， redirect， favicon， xhr， and iframe.
2.SIZE（KB）：該組件的大小以千字節。
3.GZIP（KB）：該組件的gzip壓縮的大小以千字節。
4.COOKIE RECEIVED（bytes）：字節數在HTTP設置的Cookie響應頭。
5.COOKIE SENT（bytes）：節數的Cookie在HTTP請求報頭
6.HEADERS：HTTP信息頭，點擊放大鏡查看全面信息。
7.URL：鏈接地址
8.EXPIRES（Y/M/D）：日期的Expires頭，屬于緩存設置一種。
9.RESPONSE TIME （ms）：響應時間
10ETAG：ETag響應頭，也是緩存設置的一種
11.ACTION：額外的性能分析
㈢ STATISTCS：統計信息視圖， 左側圖表顯示是頁面元素在空緩存的加載情況，右側為頁面元素使用緩存后的頁面加載情況。
㈢ TOOL：一些工具，可以單獨打開一些CSS或JS，這個可以自行摸索
四、重點介紹內容，組件內容的運用
如圖，先展示其組件示圖，如下圖
一般來說，我們主要利用這個工具來檢查一個網頁的哪些元素下載速度過慢。這個標準可以看他的加載時間，一般超過800MS，我們最好都要用GZIP對這個元素進行壓縮。如下圖，我看一下圖片的下載速度。
如上圖，1是此網站圖片的加載速度，2是我們進行壓縮的按鈕。
ORIGINAL SIZE： 初始大小
RESULT SIZE： 壓縮后大小
SAVINGs： 釋放比例
大家點一下“click here view or save the result image”就會在新窗口打開生成片，然后你另存為另一個地方。其它文件也可以用此方法檢測試出來，然后相應地進行改進。
當然Yslow插件也有更多的功能，這個大家可以進一步挖掘這里我就不一一講了，自行摸所，我們最好的老師仍然是百度和谷歌。
本文地址：http://www.semsay.com/seo/32.html
標簽：
免責聲明：本站網站部分圖片及文字轉載于網絡，轉載目的在于傳遞更多信息。如涉及作品內容、版權和其它問題，請聯系本網站，我們將在第一時間刪除。
