補足CDN的缺口

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

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

CDN可以解決的性能問題

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

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

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

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

CDN并非處處有用

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

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

WPO彌補CDN的不足

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

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

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

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

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

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

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

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

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

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

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

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

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

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

總結(jié)

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