性能文章
-
为什么 WebAssembly 比 asm.js 快
性能很难衡量,并且有许多方面。此外,在新的技术中,总会有一些尚未优化的案例。因此,并非所有基准测试在 WebAssembly 上都能快速运行。这篇文章解释了为什么 WebAssembly 应该很快;如果它还没有达到预期速度,那么这些问题是需要我们修复的 bug。
-
WebAssembly 的卡通介绍
WebAssembly 是一种将用除 JavaScript 之外的编程语言编写的代码转换为在浏览器中运行的方式。因此,当人们说 WebAssembly 很快时,他们是在将其与 JavaScript 进行比较。在本系列中,我想向你解释为什么 WebAssembly 很快。
-
关于即时 (JIT) 编译器的速成课程
这是关于 WebAssembly 及其快速原因的系列文章的第二部分。如果你还没有阅读过其他文章,我们建议你从头开始阅读。JavaScript 最初运行速度很慢,但后来由于称为 JIT 的东西而变得更快。这篇文章介绍了 JIT 的工作原理。
-
关于汇编语言的速成课程
要理解 WebAssembly 的工作原理,有助于理解什么是汇编语言以及编译器如何生成它。这是关于 WebAssembly 及其快速原因的系列文章的第三部分。我们建议你从头开始阅读。
-
创建和使用 WebAssembly 模块
WebAssembly 是一种在网页上运行除 JavaScript 之外的编程语言的方式。在过去,如果你想在浏览器中运行代码来与网页的不同部分交互,你唯一的选择是 JavaScript。因此,当人们谈论 WebAssembly 很快时,苹果与苹果的比较是与 JavaScript 相比。这是关于 WebAssembly 的系列文章的第四部分。
-
是什么让 WebAssembly 如此快速?
使用 WebAssembly 或 JavaScript 进行编程不是非此即彼的选择。因此,开发者不需要在 WebAssembly 和 JavaScript 之间做出选择。但是,我们预计开发者会将部分 JavaScript 代码替换为 WebAssembly。这是关于 WebAssembly 的系列文章的第五部分。
-
WebAssembly 的现状和未来
2 月 28 日,四大主要浏览器宣布达成共识,WebAssembly 的 MVP 已完成。即使在初始版本中,WebAssembly 也会很快。但它在未来应该会变得更快,通过修复和新功能的结合。这是关于 WebAssembly 的系列文章的第六部分。
-
使用 requestIdleCallback 的协作调度
requestIdleCallback
支持已在 Firefox Nightly 中上线,并计划在 Firefox 52 中发布。历史上,脚本无法与用户交互和页面渲染“和谐共处”,导致帧速率不稳定和输入滞后。显然,如果情况仍然如此,我不会写这篇文章! -
使用 Element.animate 动画,就像你不在乎一样
在 Firefox 48 中,我们发布了 <a href="https://mdn.org.cn/docs/Web/API/Element/animate" target="_blank"><b>Element.animate()</b></a> API - 一种使用 JavaScript 以编程方式为 DOM 元素创建动画的新方法。让我们停下来思考一下 - “没什么大不了的”,你可能会说,或者“有什么大惊小怪的?”毕竟,已经有很多动画库可供选择。在这篇文章中,我想…
-
使用 Firefox 开发者工具优化 JavaScript 性能
Firefox 开发者工具中的 Performance 工具提供了一种绝佳的方式来诊断运行缓慢的 JavaScript,并提供对网站的整体响应速度和布局性能的洞察。在这个视频屏幕录像中,我将介绍如何诊断代码运行缓慢的问题,以及如何在代码中修复这些问题。…