使用 Firefox 开发者工具优化 JavaScript 性能

Firefox 开发者工具中的 性能工具 提供了一种很好的方法来诊断运行缓慢的 JavaScript 代码,并深入了解网站的整体响应速度和布局性能。

在本视频演示中,我将介绍如何诊断慢速代码的问题,以及如何在代码中修复这些问题。观看我修复一个 2d 画布演示,它运行得非常慢,以至于在几秒钟后几乎无法更新。通过运行性能分析,我将向您展示一个简单的代码调整,可以使演示以实时速度顺利运行。

相关链接

关于 Greg Tatum

Greg Tatum 是一位开发者工具工程师,负责性能和内存工具。他热衷于创意编码,始终致力于推动浏览器在使用 2d 画布和 WebGL 绘制内容方面的极限。

更多由 Greg Tatum 撰写的文章...


4 条评论

  1. Ajinkya Borade

    谢谢。虽然我使用的是 Chrome 开发者工具,它很容易使用。希望 FF 能带来更多工具,让开发者重新使用 FF。

    2016 年 4 月 13 日 上午 12:58

  2. atir mallick

    谢谢您。

    2016 年 4 月 13 日 上午 9:58

  3. Skatox

    很棒的教程!感谢您的分享。

    2016 年 4 月 27 日 上午 6:11

  4. Dynomica

    感谢您提供本教程!我发现它非常有用。

    2016 年 5 月 4 日 上午 12:43

本文的评论已关闭。