中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)站建設(shè) > Yahoo!網(wǎng)站最佳體驗守則之內(nèi)容篇
Yahoo!網(wǎng)站最佳體驗守則之服務(wù)器篇 回到列表 寫給打算創(chuàng)業(yè)的朋友們的兩點建議
 Yahoo!網(wǎng)站最佳體驗守則之內(nèi)容篇

作者:sivadu 時間: 2008-05-13 文檔類型:翻譯 來自:藍(lán)色理想

第 1 頁 Yahoo!網(wǎng)站最佳體驗守則之內(nèi)容篇 [1]
第 2 頁 Yahoo!網(wǎng)站最佳體驗守則之內(nèi)容篇 [2]
第 3 頁 Yahoo!網(wǎng)站最佳體驗守則之內(nèi)容篇 [3]

英文地址:http://developer.yahoo.com/performance/rules.html

Yahoo!的Exceptional Performance團(tuán)隊為改善Web性能帶來最佳實踐。他們?yōu)榇诉M(jìn)行了一系列的實驗、開發(fā)了各種工具、寫了大量的文章和博客并在各種會議上參與探討。最佳實踐的核心就是旨在提高網(wǎng)站性能。
Excetional Performance團(tuán)隊總結(jié)出了一系列可以提高網(wǎng)站速度的方法?梢苑譃7大類34條。包括內(nèi)容、服務(wù)器、cookie、CSS、JavaScript、圖片、移動應(yīng)用等七部分。

其中內(nèi)容部分一共十條建議:

一、內(nèi)容部分

  1. 盡量減少HTTP請求
  2. 減少DNS查找
  3. 避免跳轉(zhuǎn)
  4. 緩存Ajxa
  5. 推遲加載
  6. 提前加載
  7. 減少DOM元素數(shù)量
  8. 用域名劃分頁面內(nèi)容
  9. 減小iframe的大小
  10. 避免404錯誤

1、盡量減少HTTP請求次數(shù)

終端用戶響應(yīng)的時間中,有80%用于下載各項內(nèi)容。這部分時間包括下載頁面中的圖像、樣式表、腳本、Flash等。通過減少頁面中的元素可以減少HTTP請求的次數(shù)。這是提高網(wǎng)頁速度的關(guān)鍵步驟。

減少頁面組件的方法其實就是簡化頁面設(shè)計。那么有沒有一種方法既能保持頁面內(nèi)容的豐富性又能達(dá)到加快響應(yīng)時間的目的呢?這里有幾條減少HTTP請求次數(shù)同時又可能保持頁面內(nèi)容豐富的技術(shù)。

合并文件是通過把所有的腳本放到一個文件中來減少HTTP請求的方法,如可以簡單地把所有的CSS文件都放入一個樣式表中。當(dāng)腳本或者樣式表在不同頁面中使用時需要做不同的修改,這可能會相對麻煩點,但即便如此也要把這個方法作為改善頁面性能的重要一步。

CSS Sprites 是減少圖像請求的有效方法。把所有的背景圖像都放到一個圖片文件中,然后通過CSS的background-image和background-position屬性來顯示圖片的不同部分;

圖片地圖是把多張圖片整合到一張圖片中。雖然文件的總體大小不會改變,但是可以減少HTTP請求次數(shù)。圖片地圖只有在圖片的所有組成部分在頁面中是緊挨在一起的時候才能使用,如導(dǎo)航欄。確定圖片的坐標(biāo)和可能會比較繁瑣且容易出錯,同時使用圖片地圖導(dǎo)航也不具有可讀性,因此不推薦這種方法;

內(nèi)聯(lián)圖像是使用 data:URL scheme 的方法把圖像數(shù)據(jù)加載頁面中。這可能會增加頁面的大小。把內(nèi)聯(lián)圖像放到樣式表(可緩存)中可以減少HTTP請求同時又避免增加頁面文件的大小。但是內(nèi)聯(lián)圖像現(xiàn)在還沒有得到主流瀏覽器的支持。

減少頁面的HTTP請求次數(shù)是你首先要做的一步。這是改進(jìn)首次訪問用戶等待時間的最重要的方法。如同Tenni Theurer的他的博客Browser Cahe Usage - Exposed!中所說,HTTP請求在無緩存情況下占去了40%到60%的響應(yīng)時間。讓那些初次訪問你網(wǎng)站的人獲得更加快速的體驗吧!

2、減少DNS查找次數(shù)

域名系統(tǒng)(DNS)提供了域名和IP的對應(yīng)關(guān)系,就像電話本中人名和他們的電話號碼的關(guān)系一樣。當(dāng)你在瀏覽器地址欄中輸入www.dudo.org時,DNS解析服務(wù)器就會返回這個域名對應(yīng)的IP地址。DNS解析的過程同樣也是需要時間的。一般情況下返回給定域名對應(yīng)的IP地址會花費(fèi)20到120毫秒的時間。而且在這個過程中瀏覽器什么都不會做直到DNS查找完畢。

緩存DNS查找可以改善頁面性能。這種緩存需要一個特定的緩存服務(wù)器,這種服務(wù)器一般屬于用戶的ISP提供商或者本地局域網(wǎng)控制,但是它同樣會在用戶使用的計算機(jī)上產(chǎn)生緩存。DNS信息會保留在操作系統(tǒng)的DNS緩存中(微軟Windows系統(tǒng)中DNS Client Service)。大多數(shù)瀏覽器有獨(dú)立于操作系統(tǒng)以外的自己的緩存。由于瀏覽器有自己的緩存記錄,因此在一次請求中它不會受到操作系統(tǒng)的影響。

Internet Explorer默認(rèn)情況下對DNS查找記錄的緩存時間為30分鐘,它在注冊表中的鍵值為DnsCacheTimeout。Firefox對DNS的查找記錄緩存時間為1分鐘,它在配置文件中的選項為network.dnsCacheExpiration(Fasterfox把這個選項改為了1小時)。

當(dāng)客戶端中的DNS緩存都為空時(瀏覽器和操作系統(tǒng)都為空),DNS查找的次數(shù)和頁面中主機(jī)名的數(shù)量相同。這其中包括頁面中URL、圖片、腳本文件、樣式表、Flash對象等包含的主機(jī)名。減少主機(jī)名的數(shù)量可以減少DNS查找次數(shù)。

減少主機(jī)名的數(shù)量還可以減少頁面中并行下載的數(shù)量。減少DNS查找次數(shù)可以節(jié)省響應(yīng)時間,但是減少并行下載卻會增加響應(yīng)時間。我的指導(dǎo)原則是把這些頁面中的內(nèi)容分割成至少兩部分但不超過四部分。這種結(jié)果就是在減少DNS查找次數(shù)和保持較高程度并行下載兩者之間的權(quán)衡了。

出處:藍(lán)色理想
責(zé)任編輯:bluehearts

上一頁 下一頁 Yahoo!網(wǎng)站最佳體驗守則之內(nèi)容篇 [2]

◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論

相關(guān)文章 更多相關(guān)鏈接
Yahoo!網(wǎng)站最佳體驗守則之服務(wù)器篇
設(shè)計師的框架
幾點閃光
讓網(wǎng)站似個彬彬有禮的紳士
帶頁碼的翻頁體驗與設(shè)計比較
作者文章
Yahoo!網(wǎng)站最佳體驗守則之服務(wù)器篇
詳解CSS3中的屬性選擇符
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機(jī)制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:1/31個記錄/頁 轉(zhuǎn)到 頁 共3個記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2