一个快速的网络应用程序是一个成功的网络应用程序。在您优化应用程序的实际性能和感知性能之前,您作为开发人员的工作不会完成。确保您的用户拥有出色的体验不仅是正确的做法,而且还有非常实际和重要的业务原因需要优化。亚马逊测量每毫秒的网站延迟销售额下降1%,谷歌测量每0.5秒延迟的流量下降0%(引用)。这些是对您的业务和Web应用程序具有实际影响的真实数字。
网络速度是如此重要,谷歌甚至全力以赴让网络更快。如果您需要另一个理由来优化您的应用程序性能,谷歌宣布将页面速度添加到他们的排名算法中。
有许多已发布的优化Web应用程序性能的最佳实践,包括两本很棒的书(高性能网站和更快的网站)。服务器上的技术(实现正确的缓存控制头)和客户端上的技术(提供图像宽度和高度属性)被组合成一个端到端的策略来优化性能。有这么多提示和技巧,有时很难衡量它们如何映射到现实生活和您的真实Web应用程序。
幸运的是,ChromeDevTools(包含在每个Chrome实例中)提供了一个出色的工具,可以检查您的Web应用程序并提供定制的建议以提高性能并减少延迟。本文将介绍与非常流行的YSlow工具在范围上相似的审核面板,以及如何使用它来加速您的网站、减少延迟并提高用户满意度。
请注意,审核面板工具目前仅在Chrome中可用,但我们预计其他WebKit浏览器最终会集成它。
入门
为了说明审计小组如何推荐Web应用程序性能改进,我们将把工具转向我们自己的