我相信互聯(lián)網(wǎng)已經(jīng)成為人們?nèi)粘Ｉ钪胁豢扇鄙俚囊徊糠帧JAX、Flex和其他豐富的客戶端應用程序使人們越來越樂于體驗只能在C/S中實現(xiàn)的許多功能。例如，谷歌的機會已經(jīng)移動了最基本的辦公室。在互聯(lián)網(wǎng)上的應用。當然，無論多么方便，它也使得頁面的速度越來越慢。它是前端開發(fā)，在性能上，根據(jù)雅虎的調(diào)查，背景只有%，前端高達%，其中%的東西可以O(shè)P。定時的。

以上是Web.頁面的生命周期圖。工程師生動地說，它分為四個階段：懷孕、出生、畢業(yè)和結(jié)婚。如果我們在點擊Web鏈接而不是簡單的請求-響應的情況下意識到這個過程，我們可以挖掘出很多細節(jié)。今天，我聽了一個由淘寶兄弟雅虎開發(fā)團隊進行的關(guān)于網(wǎng)絡性能研究的講座。我覺得很有收獲，想在博客上分享一下。

在Firefox中有一個叫做YSLIP的插件，它被集成到Firebug中，你可以很容易地看到你的站點在這些領(lǐng)域的行為。

這是使用YSLAST來評價我網(wǎng)站的西風的結(jié)果。不幸的是，只有個點。哈哈。中國的主要網(wǎng)站的分數(shù)不高，只是衡量，新浪和網(wǎng)易是分。然后雅虎（美國）的分數(shù)確實是分！我們可以看到雅虎在這方面所做的努力，從他們總結(jié)的條規(guī)則來看，現(xiàn)在已經(jīng)添加了點，有很多細節(jié)我們沒有真正思考過，有些甚至被歪曲了。

HTTP請求是昂貴的，并且減少請求的數(shù)量自然地增加了網(wǎng)頁的速度。一種常見的方法是將CSS、JS（在頁面中合并CSS和JS文件）和圖像映射和CSS精靈合并在一起。當然，CSS或JS文件可能因為CSS結(jié)構(gòu)和SHA而被拆分。然后將阿里巴巴中文站的實踐分開開發(fā)，然后在后臺合并到JS和CSS上，這仍然是瀏覽器的要求，但是開發(fā)仍然可以簡化為多個、方便的管理和重復引用。雅虎甚至建議C。首頁上的SS和JS應該直接在分頁文件中寫入，而不是外部引用。因為主頁的容量太大，還可以減少兩個請求的數(shù)量。事實上，許多國內(nèi)網(wǎng)關(guān)都是這樣做的。

另一方面，CSS精靈指的是將頁面上的背景圖像合并成一塊，然后從CSS背景位置屬性無法定義的值中提取其背景。淘寶和阿里巴巴中文站現(xiàn)在正在做這件事。EE淘寶和阿里巴巴的背景地圖。

http://wwwsCSsjist.com ，這是一個工具站點，自動合并上傳的圖像并給出相應的背景位置坐標，并以PNG和GIF的格式輸出結(jié)果。

說實話，CDN對自己并不十分熟悉。簡單地，通過向現(xiàn)有的Internet添加一層新的網(wǎng)絡體系結(jié)構(gòu)，將站點的內(nèi)容發(fā)布到最近的用戶的緩存服務器上，通過DNS負載均衡技術(shù)，用戶源將獲得必要的內(nèi)容來訪問緩存服務器。它在杭州上的服務器上的內(nèi)容，北京訪問北京服務器上的內(nèi)容，這可以有效地減少網(wǎng)絡上的數(shù)據(jù)傳輸時間并加快速度。更詳細的，你可以參考百度百科全書對CDN的解釋。雅虎！將靜態(tài)內(nèi)容分發(fā)到CDN可以將用戶的影響時間減少%以上。