“我已經(jīng)使用了內(nèi)容交付網(wǎng)絡(luò)(Content Delivery Networks, CDN)，為什么還需要前端性能優(yōu)化(Web Performance Optimization，WPO)解決方案呢?”這是用戶咨詢最多的問(wèn)題之一。要想了解前端WPO如何彌補(bǔ)CDN的不足，并最終為網(wǎng)頁(yè)或企業(yè)應(yīng)用提供顯著的加速效果，你就必須了解這兩個(gè)解決方案各自所能解決的不同問(wèn)題。

CDN可以解決的性能問(wèn)題

雖然內(nèi)容交付網(wǎng)絡(luò)(CDN)為全球用戶改善了網(wǎng)絡(luò)的可用性和節(jié)省了帶寬，但CDN解決的主要問(wèn)題還是延遲。延遲就是托管服務(wù)器從接收到對(duì)頁(yè)面資源(圖像、CSS文件等)的訪問(wèn)請(qǐng)求到處理完這一請(qǐng)求并最終將網(wǎng)頁(yè)及相關(guān)資源傳送給訪問(wèn)者所需要的時(shí)間。

延遲時(shí)間在很大程度上取決于用戶與服務(wù)器之間的距離，以及網(wǎng)頁(yè)中包含的資源數(shù)量。如果你所有的資源都托管在舊金山，位于倫敦的用戶訪問(wèn)你的頁(yè)面，那么每一個(gè)請(qǐng)求都會(huì)經(jīng)歷一個(gè)從倫敦到舊金山再返回倫敦的漫長(zhǎng)的往返行程。如果你的頁(yè)面中包含100個(gè)對(duì)象，那么為了獲取這些對(duì)象，用戶的瀏覽器就必須向你的服務(wù)器發(fā)送100個(gè)獨(dú)立請(qǐng)求。

通常延遲時(shí)間在75-140毫秒的范圍內(nèi)，但是也可能會(huì)變得更高，尤其是對(duì)通過(guò)3G網(wǎng)絡(luò)訪問(wèn)網(wǎng)站的移動(dòng)用戶而言，頁(yè)面的加載時(shí)間一般會(huì)增加到2~3秒鐘，想想這只是導(dǎo)致頁(yè)面加載變慢的因素之一，你就會(huì)理解Web性能優(yōu)化的重要性。

內(nèi)容交付網(wǎng)絡(luò)(CDN)通過(guò)在跨區(qū)域或全球范圍的分布式服務(wù)器上進(jìn)行內(nèi)容緩存，使網(wǎng)頁(yè)資源向用戶靠近，縮短用戶與服務(wù)器之間的往返時(shí)間，進(jìn)而解決延遲問(wèn)題。

CDN并非處處有用

對(duì)多數(shù)網(wǎng)站來(lái)說(shuō)，CDN必不可少，但并不是每個(gè)網(wǎng)站都需要CDN。例如：如果你的資源托管在本地，用戶也是本地用戶，那么CDN對(duì)Web性能的提升就不會(huì)有太多的幫助。

與一些網(wǎng)站運(yùn)營(yíng)商的觀點(diǎn)相反，CDN不是獨(dú)立的性能解決方案。在電子商務(wù)和SaaS領(lǐng)域，兩個(gè)最常見的性能難題就是對(duì)第三方內(nèi)容和服務(wù)器端的處理， CDN對(duì)這些要求是無(wú)能為力的。

WPO如何彌補(bǔ)CDN的不足

CDN通過(guò)將資源存儲(chǔ)在更接近用戶的位置，縮短到服務(wù)器的往返行程，加快頁(yè)面加載時(shí)間來(lái)解決性能問(wèn)題。WPO解決方案，如Radware的FastView，則在前端進(jìn)行性能提升處理，使頁(yè)面更有效地呈現(xiàn)在瀏覽器中。

WPO解決方案采用了一些優(yōu)化處理措施來(lái)增加渲染時(shí)間。FastView的處理措施包括以下幾個(gè)：

· 資源整合，使得網(wǎng)絡(luò)上傳送的包變少，從而降低延遲。

· 資源(圖像、文本)壓縮，以減少總的負(fù)載大小。

· 優(yōu)化資源在瀏覽器中的渲染方式，確保優(yōu)先加載關(guān)鍵內(nèi)容，將不太重要的內(nèi)容延后加載，如：頁(yè)面分析等第三方腳本。

· 對(duì)瀏覽器緩存加以優(yōu)化利用，以便對(duì)用戶訪問(wèn)所有涉及到的多個(gè)網(wǎng)頁(yè)資源進(jìn)行緩存。

· 智能預(yù)測(cè)下一個(gè)訪問(wèn)頁(yè)面，并將相關(guān)資源預(yù)加載到瀏覽器緩存中，使資源處于可用狀態(tài)，以便網(wǎng)頁(yè)渲染處理進(jìn)程能夠立即調(diào)用。

· 許多其它WPO技術(shù)。目前，F(xiàn)astView采用了22個(gè)高級(jí)加速處理技術(shù)，Radware的研發(fā)團(tuán)隊(duì)也在不斷用新的前沿專利技術(shù)升級(jí)該解決方案。

CDN與前端WPO整合帶來(lái)的益處

如下表所示，CDN與WPO解決方案進(jìn)行整合之后對(duì)各個(gè)頁(yè)面評(píng)測(cè)指標(biāo)有很大的影響，從請(qǐng)求數(shù)到有效負(fù)載，再到開始渲染和加載時(shí)間，都得到了很大改善。

總而言之，整合的CDN/WPO解決方案可以將網(wǎng)頁(yè)速度提升四倍，并將總的有效負(fù)載減少了70%。

使用自動(dòng)化的WPO解決方案來(lái)補(bǔ)足CDN的不足還能帶來(lái)很多其它的益處，例如：

自動(dòng)重命名文件，使之可以服務(wù)于CDN，而如果手動(dòng)完成，這將是一個(gè)十分耗時(shí)的工作。FastView解決方案可以自動(dòng)進(jìn)行此操作，大大節(jié)省了開發(fā)人員的時(shí)間。

添加失效頭文件是應(yīng)該善加利用的最佳頁(yè)面優(yōu)化技術(shù)。雖然加入頭文件相對(duì)來(lái)說(shuō)較為容易，但進(jìn)行版本控制卻很棘手，尤其是在使用CDN之后，要么需要花費(fèi)大量人力關(guān)注CDN清除工具，要么需要花費(fèi)大量的開發(fā)時(shí)間來(lái)整合CDN的API。自動(dòng)化的WPO解決方案可以解決這些問(wèn)題，節(jié)約很多開發(fā)時(shí)間，降低誤差幅度。

總結(jié)

Radware安全專家指出，CDN與前端WPO具有很強(qiáng)的互補(bǔ)性，可以很好地結(jié)合在一起。而且用戶也發(fā)現(xiàn)，CDN和WPO這兩種技術(shù)可以與企業(yè)內(nèi)部性能引擎進(jìn)行整合，作為Web性能加速策略的一部分。FastView作為Radware的最佳Web加速解決方案，可以幫助用戶最大限度地提升Web性能。