Yahoo!網(wǎng)站性能最佳體驗的34條黃金守則

第第頁Yahoo!網(wǎng)站性能最佳體驗的34條黃金守則Yahoo!網(wǎng)站性能最佳體驗的34條黃金守則

發(fā)表于：2023-04-22來源：：點擊數(shù)：標(biāo)簽：性能Yahoo守則黃金體驗

Yahoo!的ExceptionalPerformance團隊為改善Web性能帶來最佳實踐。他們?yōu)榇诉M行了一系列的實驗、開發(fā)了各種工具、寫了大量的文章和博客并在各種會議上參與探討。最佳實踐的核心就是旨在提高網(wǎng)站性能。ExcetionalPerformance團隊總結(jié)出了一系列可以提高

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

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

一、內(nèi)容部分

盡量減少HTTP請求

減少DNS查找

避免跳轉(zhuǎn)

緩存Ajxa

推遲加載

提前加載

減少DOM元素數(shù)量

用域名劃分頁面內(nèi)容

使frame數(shù)量最少

避免404錯誤

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

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

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

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

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

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

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

減少頁面的HTTP請求次數(shù)是你首先要做的一步。這是改進首次訪問用戶等待時間的最重要的方法。如同TenniTheurer的他的博客BrowserCaheUsage-Exposed!