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

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

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

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

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

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

http://wwwsCSsjist.com ，這是一個(gè)工具站點(diǎn)，自動(dòng)合并上傳的圖像并給出相應(yīng)的背景位置坐標(biāo)，并以PNG和GIF的格式輸出結(jié)果。

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