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

CDN可以解決的性能問題

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

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

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

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

CDN并非處處有用

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

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

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

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

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

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

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

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

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

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

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

CDN與前端WPO整合帶來的益處

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

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

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

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

添加失效頭文件是應(yīng)該善加利用的***頁面優(yōu)化技術(shù)。雖然加入頭文件相對來說較為容易，但進(jìn)行版本控制卻很棘手，尤其是在使用CDN之后，要么需要花費(fèi)大量人力關(guān)注CDN清除工具，要么需要花費(fèi)大量的開發(fā)時(shí)間來整合CDN的API。自動化的WPO解決方案可以解決這些問題，節(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性能。