夏季¹，浏览器速度飞快！Firefox 61 现已发布，并带来了新的性能改进，使 Firefox 比以往任何时候都快！让我们快速浏览一下亮点。

并行 CSS 解析

量子 CSS 通过并行计算计算样式来提升我们的样式系统。Firefox 61 为量子 CSS 增加了更多功能，还并行化了解析步骤！额外的马力在具有大型样式表和复杂布局的网站上产生了真正的收益。

保留显示列表

在页面被绘制到屏幕上的最后一步之一是构建一个将要绘制的所有内容的列表，从最低的 z 顺序到最高的 z 顺序（“从后到前”）。在 Firefox 中，这被称为显示列表，它是绘制开始之前确定屏幕上内容的最后机会。显示列表包含背景、边框、盒子阴影、文本，以及即将成为屏幕上像素的所有内容。

从历史上看，整个显示列表在每次新绘制之前都会被计算。这意味着如果运行的是 60fps 动画，显示列表将每秒被计算 60 次。对于复杂的页面，这会变得很昂贵，并可能导致脚本执行预算减少，在严重的情况下，会导致帧丢失。Firefox 61 启用了“保留”显示列表，顾名思义，这些显示列表在绘制之间被保留。如果只有少量页面发生变化，渲染器可能只需要重新计算显示列表的一小部分。使用保留显示列表，图形团队观察到由于列表构建导致的帧丢失减少了近 40%！我们决定将这些节省传递给您，并在 Firefox 61 中启用初步工作。

您可以深入了解显示列表，请参阅 Matt Woodrow 最近在 Hacks 上发表的博文。

非常棒的东西，但这不仅仅是引擎改进！以下是在此版本中可以查看的其他一些新内容。

无障碍检查器

一个很棒的网站是为所有人服务的网站！Web 平台内置了无障碍功能，让使用辅助技术的用户可以使用 Web 内容。正如 JS 引擎可以看到并与页面上的元素树交互一样，还有一个单独的“无障碍树”可供辅助技术使用，以便它们更好地描述和理解网站的结构和 UI。Firefox 61 附带了无障碍检查器，允许开发人员查看计算出的无障碍树，更好地了解其网站的哪些方面对辅助技术友好，并发现需要无障碍标记的区域。它对于发现标记不佳的按钮以及调试使用 ARIA 注释的复杂交互非常有用。

您可以了解有关如何使用无障碍检查器的更多信息，请参阅 Marco Zehe 的介绍性博文。

说到 DevTools…

• 每个面板的选项卡现在都是可拖动的，因此您可以将最常用的工具放在您想要的位置！
• 无需打开响应式设计模式即可启用模拟网络限速 - 它现在也可以从网络面板的顶部菜单中使用。
• 在检查器中看到自定义属性？将鼠标悬停在上面以查看其值。在键入 css 时，自定义属性会自动完成，包括在值为颜色时显示颜色样本。

标签管理

浏览器扩展最受欢迎的用途之一是帮助用户更好地囤积管理其打开的标签。Firefox 61 附带了新的扩展 API，可帮助高级用户更有效地使用标签！具有 tabs 权限的扩展现在可以在浏览器的标签栏上隐藏 和 恢复 标签。隐藏的标签仍然处于加载状态，只是没有显示。用于提高效率和组织的扩展现在可以根据任务或上下文交换标签组。Firefox 还包含一个始终可用的菜单，该菜单列出了所有打开的标签，无论它们是否处于隐藏状态。

总结

想知道 Firefox 61 中有哪些新内容或变化？您可以查看 发行说明 或在 MDN Web Docs 上查看完整的平台变更日志。

祝您夏天愉快！

1. 当然是在北半球。我的意思是，我希望南半球也有一个美好的夏天 - 只是时间有点远。