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

CDN可以解決的性能問題

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

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

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

內容交付網絡(CDN)通過在跨區域或全球范圍的分布式服務器上進行內容緩存，使網頁資源向用戶靠近，縮短用戶與服務器之間的往返時間，進而解決延遲問題。

CDN并非處處有用

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

與一些網站運營商的觀點相反，CDN不是獨立的性能解決方案。在電子商務和SaaS領域，兩個最常見的性能難題就是對第三方內容和服務器端的處理， CDN對這些要求是無能為力的。

WPO如何彌補CDN的不足

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

WPO解決方案采用了一些優化處理措施來增加渲染時間。FastView的處理措施包括以下幾個：

· 資源整合，使得網絡上傳送的包變少，從而降低延遲。

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

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

· 對瀏覽器緩存加以優化利用，以便對用戶訪問所有涉及到的多個網頁資源進行緩存。

· 智能預測下一個訪問頁面，并將相關資源預加載到瀏覽器緩存中，使資源處于可用狀態，以便網頁渲染處理進程能夠立即調用。

· 許多其它WPO技術。目前，FastView采用了22個高級加速處理技術，Radware的研發團隊也在不斷用新的前沿專利技術升級該解決方案。

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

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

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

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

自動重命名文件，使之可以服務于CDN，而如果手動完成，這將是一個十分耗時的工作。FastView解決方案可以自動進行此操作，大大節省了開發人員的時間。

添加失效頭文件是應該善加利用的***頁面優化技術。雖然加入頭文件相對來說較為容易，但進行版本控制卻很棘手，尤其是在使用CDN之后，要么需要花費大量人力關注CDN清除工具，要么需要花費大量的開發時間來整合CDN的API。自動化的WPO解決方案可以解決這些問題，節約很多開發時間，降低誤差幅度。

總結

Radware安全專家指出，CDN與前端WPO具有很強的互補性，可以很好地結合在一起。而且用戶也發現，CDN和WPO這兩種技術可以與企業內部性能引擎進行整合，作為Web性能加速策略的一部分。FastView作為Radware的***Web加速解決方案，可以幫助用戶***限度地提升Web性能。