欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

提高網頁的效率 Use YSlow to know why your web Slow

 更新時間:2008年09月04日 11:50:21   作者:  
內容再豐富的網站,如果慢到無法訪問也是毫無意義的; SEO做的再好的網站,如果搜索蜘蛛抓不到也是白搭(頁面效率和搜索蜘蛛之間的關系,需要進一步的確認,此為和上篇保持統(tǒng)一); UE設計的再人性化的網站,如果用戶連看都看不到也是空談。


點擊【Performace】菜單

YSlow便開始分析此頁的效率,并從13個最影響網頁效率的方面給出評估(如圖4)。

firefox,firebug,yslow
圖4:YSlow給出的本頁面效率評估

可以看出來,YSlow評估的依據就是我們在 《如何提高網頁的效率(上篇)——提高網頁效率的14條準則》中提到的前面13條。前面藍色的字母表示這一條準則的得分。A最高。點擊右面的三角形可以得到更多的信息和建議,有些信息里面還有“放大鏡” 圖標,點擊也將展示更為詳細的信息和建議。(如圖5所示)

firefox,firebug,yslow
圖5:YSlow可以給出每條準則的詳細評估信息和建議

點擊【Stats】菜單

這個視圖會告訴你頁面的總體統(tǒng)計信息。包括頁面大小、css樣式表大小、腳本文件大小、總體圖片大小、flash文件大小和css中用到的圖片文件大小。還會告訴你,哪些東西被緩存了,緩存了多少等等。

firefox,firebug,yslow
圖6:【Stats】視圖信息

點擊【Components】菜單

這個視圖是一個頁面所有部件的信息列表。從中我們可以得知每個部件的各種詳細信息。如:類型、URL、Expires數據、狀態(tài)、大小、讀取時間、ETag信息等等。通過對這個列表的分析,我們就可以知道到底是什么東西最耗費我們的資源,從而有針對性的進行優(yōu)化。

firefox,firebug,yslow
圖7:【Components】視圖信息,點擊“放大鏡”圖標我們可以知道更詳細的信息(點擊小圖查看完整大圖)

點擊【Tools】菜單

【Tools】菜單包含4個子菜單,就是4個實用工具。【JSLine】工具會生成JSLine報表,報表是對本網頁中JS腳本的分析報告,包含錯誤和建議?!続LL JS】工具,將生成本頁面所有腳本代碼便于閱讀和打印的報表頁面?!続LL CSS】工具,將生成本頁面 所有CSS樣式表代碼便于閱讀和打印的報表頁面。【Printable View】將【Performance】和【Stats】視圖中的信息生成一份更適合閱讀和打印的報表頁面。

firefox,firebug,yslow
圖8:【Tools】菜單,包含了4個子菜單

點擊【Help】菜單

【Help】主要是些常用的幫助途徑的入口。從這里你可以很方面的訪問YSlow的官方網絡和博客。如果你還對YSlow的使用有什么疑惑的話,那么在這里你將獲得滿意的解答。

firefox,firebug,yslow
圖8:【Help】菜單是些常用的幫助入口

后記

“工欲善其事,必先厲其器!”好的工具的確能很大的提高我們的工作效率。但是“阿斗”就算手里拿著“方天畫戟”,估計也沒有幾個人怕他。好的工具是一方面,但是更重要的還是提高我們自身的知識水平。就如同這款YSlow,如果沒有 《如何提高網頁的效率(上篇)——提高網頁效率的14條準則》中的理論知識,工具提供的信息我們看到的可能只是表面,就算看懂了數據,我們也很難知道對應的手段和措施。壯漢拿厲斧,這樣伐木才能又快又輕松。

相關文章

  • css position: absolute、relative詳解

    css position: absolute、relative詳解

    今天在看CSS的時候遇到了position: absolute、relative的問題,一直比較迷糊,今天終于搞清楚了。
    2008-11-11
  • 層蓋住下拉列表框問題解決方案

    層蓋住下拉列表框問題解決方案

    首先,我們不得不承認IE7以前的IE系列瀏覽器對web標準支持的真的很差。IE6的詭異解析模式讓一些開始學習web標準的朋友老是碰到不能理解的問題。特別是這個IE6向IE7過渡的是非年代。
    2008-09-09
  • css文本框與按鈕美化效果代碼

    css文本框與按鈕美化效果代碼

    CSS表單美化之文本框與按鈕一例
    2008-08-08
  • 文本框css關閉輸入法

    文本框css關閉輸入法

    主要用于不能輸入中文的情況下,使用,這樣就不要用js
    2008-06-06
  • css教程 css和document

    css教程 css和document

    頁面與css之間的聯(lián)系,老手和新手都需要了解
    2008-08-08
  • IE6網頁神奇BUG

    IE6網頁神奇BUG

    今天遇到一個神奇的問題:下面是代碼 代碼在IE7中正常顯示,IE6什么也不顯示。
    2008-05-05
  • 又一實用的常用CSS縮寫語法收集

    又一實用的常用CSS縮寫語法收集

    又一實用的常用CSS縮寫語法收集...
    2007-11-11
  • Iframe自適應高度兼容ie,firefox多瀏覽器

    Iframe自適應高度兼容ie,firefox多瀏覽器

    從網上找的Iframe自適應高度,不是自已寫的! 從哪找的忘了,要不一定寫明出處! 放出來給自已留個備份!
    2008-04-04
  • 詳解鏈接的rel與target區(qū)別

    詳解鏈接的rel與target區(qū)別

    關于target="_blank"去留的問題在網上已經被反復爭議很多次了。有的說要留,有的說要去掉。主張留的一方主要是考慮到target="_blank"的屬性目前來講還沒有一個好的方式來解決,而主張去的一方則拿出了rel與JS的解決方案。
    2008-06-06
  • 從p開始,循序漸進

    從p開始,循序漸進

    從今天開始,我將全面的共享出我所能理解的所有WEB標準方面的知識放在這個“WEB標準能有多難?”的專欄里。當然由于振之的水平有限,所講并非是完全正確的。在看了這個專欄的文章的時候要理性的分析,要有自己的判斷,歡迎各位朋友提出自己的看法與意見。
    2008-04-04

最新評論