性能文章
-
Firefox 61 – 冬至量子
Firefox 61 现已发布，带来了新的性能改进，使 Firefox 比以往更快！我们热衷于保留显示列表功能，以在交互式页面绘制时提高性能；将无障碍检查器融入我们的工具中，以支持辅助技术用户；为高级用户提供更强大的标签管理；以及更多开发工具更新和增强功能。
-
保留显示列表，以提高页面性能
显示列表构建是我们在其中收集要显示在屏幕上的高级项目集（边框、背景、文本等）的过程，然后根据 CSS 绘制规则将列表排序到正确的从后到前的顺序。通过保留显示列表并仅重新加载自第一次绘制以来发生更改的资产，我们可以优化绘制性能，特别是对于高度交互的页面。在这一周发布的 Firefox 61 中寻找此功能。
-
CDN、BCD 和 SVG：MDN 2018 年 4 月变更日志
MDN 工程团队报告了 4 月完成的工作以及 5 月的计划。一些亮点：MDN Web 文档站点已迁移到 CDN，页面加载时间提高了 16%。浏览器兼容性数据（BCD 项目）的迁移正在快速进行，目前已完成 72%。该团队开始着手将基于字体的图标替换为内联 SVG；使用 SVG 图标改进可访问性和本地化的工作还在继续。4 月，合并了 510 个拉取请求，其中包括来自 57 位新贡献者的 140 个拉取请求。
-
用 Rust 和 WebAssembly 氧化源映射
详细介绍了我们如何用 Rust 代码替换
source-mapJavaScript 库的源映射解析器的性能最敏感的部分，该代码被编译为 WebAssembly。结果：WebAssembly 在针对真实世界源映射的现实基准测试中，比 JavaScript 实现快 5.89 倍！此外，性能也更加一致：相对标准偏差降低了。我们希望，通过分享我们的经验，能激励其他人通过 WebAssembly 将性能敏感的 JavaScript 重写为 Rust。 -
实际输入延迟：跨浏览器测量和 Hasal 测试框架
编辑注：这篇文章也收录在 2017 年性能日历中。这是关于 Mozilla 在台北的一个工程团队的故事，他们被要求测量性能并解决 Firefox 中一些特定的性能瓶颈。它也是关于用户报告的性能问题转化为可操作见解的故事。它 […]
-
比较浏览器页面加载时间：方法介绍
在 blog.mozilla.org 上，我们分享了速度比较研究的结果，以展示启用跟踪保护的 Firefox Quantum 与其他浏览器的速度比较。在这篇配套文章中，我们分享了关于这些页面加载时间比较研究和基准测试背后方法的一些见解。我们的研究重点是新闻网站，这些网站往往附带大量跟踪器，并使用 Navigation Timing API 作为数据源。
-
得益于 Firefox Quantum，超稳定 WebVR 用户体验
Quantum 版本包含了来自 Quantum Flow 的重大优化，Quantum Flow 是一项全面的努力，旨在通过识别和消除主要抖动源来现代化和改进 Firefox 网页引擎的基础，而无需从头开始重写所有内容。正如 Salva 在这篇文章中所证明的，Quantum Flow 对 WebVR 稳定性和性能产生了重要而显著的影响。
-
Intersection Observer 来到 Firefox
无限滚动、延迟加载和在线广告有什么共同点？他们需要知道页面上元素的可见性，并对其做出反应！不幸的是，在 Web 上，传统上很难知道元素是否可见。大多数解决方案监听滚动和调整大小事件，然后使用 DOM API，例如 […]
-
优化 A-Frame 场景在移动设备上的性能
A-Frame 使构建 3D 和 VR 网页应用程序变得容易，因此各种技能水平的开发者都可以创建丰富且交互式的虚拟世界。对于俄勒冈州立大学的一个专注于 WebVR 的学生项目，我们的团队调查了 A-Frame 在 Android 智能手机上的性能和优化。我们开发了一种方法来衡量移动电话能够达到的 3D 复杂程度，并确定此类基准测试所需的性能指标。
-
为性能而设计：Quantum 开发的数据驱动方法
是什么让性能工作如此具有挑战性，为什么从一开始就包括用户如此重要？本文探讨了技术性能和感知性能之间的区别，并描述了一种测试和测量方法，该方法将用户的体验质量与工程师可以基准测试的特征相关联。
