【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的不足