【HTML】前端性能優化之CDN和WPO的比較

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

   「我已經使用了內容交付網絡(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性能。

原文連接：用前端性能優化方案解決CDN的不足