網(wǎng)站建設(shè)之性能黃金法則

2016-08-28    分類: 網(wǎng)站建設(shè)

僅需要花費(fèi)l0%-20%的響應(yīng)時間來下載HTML文檔這一現(xiàn)象并不只出現(xiàn)在Yahoo!的首頁 上。這一統(tǒng)計數(shù)字適用于我所分析過的所有的Yahoo!功能(除了 Yahoo! Search,因為它 的頁面上只有很少世的組件)。而且,這一統(tǒng)計數(shù)字適用于絕大多數(shù)網(wǎng)站。表A-1展示了 從上得到的前十個美國網(wǎng)站。注意除了 AOL之外,這些網(wǎng)站都名列 美國前十名。Craigslist.org也位于前十名,但它的頁面中幾乎沒有圖片.腳本和樣式表, 并不是一個很好的實(shí)例。因此我在這里選擇用AOL來代替它。

表A-1:十大網(wǎng)站花在下載HTML文檔上的時間百分比

YouTube


無緩存

完整緩存

AOL

6%

14%

Amazon

IS%

14%

CNN

19%

8%

eBay

2%

8%

Google

14%

36%

MSN

3%

5%

MySpace

4%

14%

Wikipedia

20%

12%

Yahoo!

5%

12%

3%

5%

所有這些網(wǎng)站在獲取HTML文檔時,花費(fèi)的時間都不到總響應(yīng)時間的20%。其中一個例是Google在完整緩存場景中的情況。這是因為http://www.google.com只有6個組件, 除了其中一個之外,都被配置為可以由瀏覽器進(jìn)行緩存。在后續(xù)的頁面査看過程中,所有 這些組件都已被緩存,只需對HTML文檔和一個圖片信標(biāo)進(jìn)行HTTP請求,

在進(jìn)行優(yōu)化時,關(guān)鍵是剖析當(dāng)前的性能,找到在哪里能夠獲得大的改進(jìn)。很明顯,在這 種情況下我們應(yīng)該關(guān)注前端性能。

首先,關(guān)注前端可以很好地提髙整體性能。

如果我們可以將后端響應(yīng)時間縮短一半,整體 響應(yīng)時間只能減少5%-10%。而如果關(guān)注前端性能,同樣是將其響應(yīng)時間減少一半,則整 體響應(yīng)時間可以減少40%-45%。

其次,改進(jìn)前端通常只需要較少的時間和資源。

減少后端延遲會帶來很大的改動,例如重新設(shè)計應(yīng)用程序的架構(gòu)和代碼、査找和優(yōu)化臨界代碼路徑、添加或改動硬件、對數(shù)據(jù)庫進(jìn) 行分布化等。這些改動需要花費(fèi)數(shù)周或數(shù)月。接下來的章節(jié)中將要介紹的前端性能改進(jìn)只 需要一些好實(shí)踐,例如修改Web服務(wù)器配ffl文件、將腳本和樣式表 放在頁面中的特定位罝、合并圖片、將腳本和樣式表這些改 動只需要幾個小時或幾天,這比進(jìn)行后端改進(jìn)要少花很多時間。

第三,前端性能調(diào)整已被證明是可行的。

Yahoo!中有超過50個團(tuán)隊使用了這里介紹的最 佳實(shí)踐并降低了最終用戶響應(yīng)時間,降低的幅度通常為25%或更髙。有的時候,我們必須 超越這些規(guī)則,并根據(jù)對網(wǎng)站的分析進(jìn)行更有針對性的改進(jìn)。但一般來說,只需要遵守這 些好實(shí)踐就能節(jié)省25%或更多的時間。 在開始任何新的性能改善計劃之前,我繪制了一個類似表A-丨的圖表,并解釋一下 性能黃金法則 :

只有10%~20%的最終用戶響應(yīng)時間花在了下栽HTML文檔上.其余的80%~90%

時間花在了下載頁面中的所有組件上,

網(wǎng)站題目:網(wǎng)站建設(shè)之性能黃金法則
本文路徑:http://www.muchs.cn/news17/42417.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)