第1113期Firefox QuantumGoogle Chrome 63 Beta

Posted 2021-04-27 前端早读课

前言

一提到火狐就很有历史年代感，在chrome之前基本开发都靠它。本周代号为Quantum发布，你还会用它吗？今日早读文章由@xuyuehang，@cnbeta带来的分享。

正文从这开始～

Firefox Quantum

历经数月测试后于 11 月 14 日发布了 Firefox 57.0 正式版，又称 Firefox Quantum。 这是一个非常重要的版本，因为它对浏览器的性能，界面和附加组件兼容性进行了重大改变。

全新的 Logo 和 Photon 界面设计

从 8 月份的 Nightly 更新 Logo 以来，Firefox 的各阶段测试版本都逐渐使用了新的 Logo 设计，去除狐狸尾部的细节，整体的颜色则以渐变色为主，其中 Nightly 有段时间还进行了“每日一更”的 Logo 改变，测试图标的热更新，例如网上流传的某 doge 图标，别怀疑，我们真的有段时间用的这个。

这是 Firefox 第五次升级 Logo 设计。在此之前最后一次升级为 2013 年。本次主要优化了“小狐狸”的尾巴和鼻子，“地球”上的陆地完全去除，成为一个光滑的整体。

Quantum 项目

Firefox 57.0 的第二大变化是新的 Quantum 项目大部分已集成在浏览器中实现。 Mozilla 早些时候表示，与之前的 Firefox 52.0 相比，Quantum 使 Firefox 的操作速度提高了一倍。

目前网页已经从静态文档演变为拥有丰富互动的应用程序，今天消费者期待网页动画，实时交互和零延迟，浏览器应该能够充分利用多核 CPU 和 GPU。Quantum 项目是帮助 Firefox 在保持现有 Gecko 引擎的基础上进化为下一代浏览器的项目，目前包括：

Quantum Compositor，它可以减少 10% 因图形驱动问题导致的浏览器崩溃 ，Quantum Flow 提升性能，例如优化 UI 性能。

Quantum DOM 提升 Gecko 响应度，尤其是在打开大量后台标签页时的响应。Stylo 是使用 Rust 语言编写，来自下一代 Servo 引擎的全新 CSS 样式系统，它会提升网站加载 CSS 时的速度，Stylo 支持了 Alexa 排名前 500 网站里面 Gecko 所支持的所有 CSS 属性并实现并行执行，所以对于大量 CSS 的网站或者是有很多动态加载的内容，例如 WebApp 之类的是会有明显性能提升的。

WebRender 也来自 Servo，用于渲染网页内容，优化网页内容显示，Firefox 会智判断载入网页资源的优先级来渲染显示。从服务器下载资源而不是从缓存取得时，获取文件的逻辑更快。

目前 Quantum CSS(Stylo) 在 Firefox 57.0 版本已正式整合启用，它采用了并行计算，使 Firefox 处理 CSS 的速度更快，这就是你打开某些网站感觉比以前加载速度快了的原因，加上之前已经整合的 Electrolysis（多进程 Firefox），在 Firefox 57.0 版本会全面启用。

更多关于Firefox Quantum信息可通过文末“阅读原文”查看。

Google发布Chrome 63 beta：支持动态模块导入

Google 近日向全平台推送了 Chrome 63 的 beta 版本，对开发者来说，Chrome 63 带来了诸多改进，比如动态模块导入、新增设备内存 API、改进权限 UI、以及异步生成器和迭代器。公告中称：“当前 javascript 模块的导入是完全静态的，开发者们无法基于运行时条件来导入模块，比如用户是否已登录”。

此外，Chrome 63 支持显示最小用户界面（display: minimal-ui）函数，允许开发者为用户定制标签页。

此外，作为 Chromium 开发项目的一部分，Chrome 63 也为 Blink 网络浏览器引擎带来了诸多改进，设计 CSS、bindings、DOM、网络、传感器、存储、JavaScript（JS）、MediaStream、html、以及字体等。

此外，Chrome 63 支持显示最小用户界面（display: minimal-ui）函数，允许开发者为用户定制标签页。

最后，为你推荐

关于本文

原文：

https://zhuanlan.zhihu.com/p/31046866

http://www.cnbeta.com/articles/soft/665397.htm