精彩回顾 | 2020 Chrome 开发者峰会: 构建开放的 web 体验

作者 / Ben Galbraith 和 Dion Almaer

安全、强大且快速的开放 web 环境将使我们所有人受益。在过去的一年中，我们集中精力从以下三个方面增强 web 体验:

1. 重新思考了我们应如何提供安全的网络
2. 完善构建强大、丰富和多样化应用所需的功能
3. 针对用户和开发者进行的性能优化

以下内容来自 2020 Chrome 开发者峰会主题演讲中所分享动态。更多精彩内容分享，请至 Bilibili 观看完整活动视频:

☟点击小程序进入 Chrome 开发者峰会☟

• Bilibili 视频合集链接

  https://www.bilibili.com/medialist/play/ml1125617558/BV1sy4y1q714

重新思考隐私

我们继续努力打造隐私沙盒 (Privacy Sandbox)，并致力于开发一套能够从根本上增强网络隐私的开放标准。我们正在与 web 社区共同构建能够代替第三方 Cookie 或其他跨站跟踪机制的新型隐私保护方案。借助 Client Hints API，我们有效减少了 Chrome 的指纹追踪识别，并且我们提供了两种解决方案，您可以通过我们的 Chrome Origin Trials 进行试验。Click Conversion Measurement API 可以在不使用跨站标识符的情况下评估广告转化率，Trust Token API (信任令牌) 可以在无需被动跟踪的情况下帮助从一个环境向另一个环境传递信任。

• 隐私沙盒 (Privacy Sandbox)
  
  https://www.blog.google/products/chrome/building-a-more-private-web/
  
• Client Hints API
  https://web.dev/user-agent-client-hints/
• Chrome Origin Trials
  
  https://blog.chromium.org/2020/10/progress-on-privacy-sandbox-and.html
  
• Click Conversion Measurement API
  https://web.dev/conversion-measurement/
• Trust Token API (信任令牌)
  
  https://web.dev/trust-tokens/

以 Origin Trials 形式提供

请访问 web.dev/trust-tokens/ 了解更多信息

同样，随着数以亿计的用户使用 Chrome 网上应用店中提供的超过 25 万款扩展程序，扩展程序的安全性和隐私性也变得至关重要。我们认为扩展程序在默认情况下必须是值得信赖的，因此我们公布了对扩展程序平台进行一系列变更的草案。在听取了来自扩展程序开发者的大量不同建议后，我们以提高安全性、为用户提供更多控制、更好地保护用户隐私以及改善性能为目标进行了大量工作，现已准备好发布稳定版本的 Manifest V3。

• 对扩展程序平台进行大量变更的草案
  https://blog.chromium.org/2018/10/trustworthy-chrome-extensions-by-default.html
• Manifest V3
  https://blog.chromium.org/2020/12/manifest-v3-now-available-on-m88-beta.html

在 Manifest V3 中，将禁止使用远程托管代码，从而防止恶意扩展程序对用户隐私和安全性造成威胁。此外，新的扩展程序模型还允许用户在安装时拒绝授予敏感权限。最后，我们设计了新的后台逻辑，即为后台页面引入了 Service Worker 并为扩展程序 API 引入了新的声明式模型，从而为用户提供更加一致的性能保证。Manifest V3 现在可以在 Chrome 88 Beta 版中进行试验，而 Chrome 网上应用店将于明年 1 月中旬在 Chrome 88 升级至稳定版后开始接受 Manifest V3 扩展程序。

为高级应用带来强大功能

致力构建全新 web 体验的开发者正在源源不断地创造优秀用例。Gravit Designer 使用户可以借助 File System Access API 轻松读写文件，并可以借助新版 Local Font Access API 使用安装在本地的专用字体。Adobe 通过其 Spark Web 应用，使用户可以轻松创作精妙的视觉故事以及设计精美的内容。

• Gravit Designer

  https://www.designer.io/en/

• File System Access API

  https://web.dev/file-system-access/

• Local Font Access API

  https://web.dev/local-fonts/

• Spark Web 应用

  https://spark.adobe.com/

现在，我们正在为渐进式 web 应用 (PWA) 添加新的功能，通过上架到 Google Play 商店来提高应用被用户发现的机率。在 Chrome 86 中，您已能够使用 Trusted Web Activity 在 Play 商店中上架您的 PWA。而现在，您还可以在 Chrome 88 中开始使用新版 Digital Goods API 接受付款。

• 通过上架到 Google Play 商店来提高应用被用户发现的机率
  https://blog.chromium.org/2020/12/pwa-play-billing-support.html
• Trusted Web Activity
  https://developers.google.com/web/android/trusted-web-activity
• Digital Goods API
  https://www.chromestatus.com/feature/5339955595313152

针对性能进行优化

Chrome 的性能 (运行速度以及对电源、内存或 CPU 等资源的使用率) 一直是我们的重点优化对象，以便您能够为所有用户提供最佳体验。

今年早些时候，我们借助配置文件引导的优化 (PGO) 和标签页节流对运行速度进行了重大提升，而现在，我们宣布 V8 的内存占用量得到了大幅降低。除了通过 V8 指针压缩在节省内存方面取得长足进步以外，我们还通过并行加载网页的 JavaScript 文件以便在页面需要脚本时可以立即对脚本进行传递和编译以使其做好执行准备，从而完全消除了传递暂停问题。

• 配置文件引导的优化 (PGO) 和标签页节流
  https://blog.chromium.org/2020/08/chrome-just-got-faster-with-profile.html
• V8 指针压缩
  https://v8.dev/blog/pointer-compression

自从我们宣布 Web Vitals 计划以来，这套指标在衡量网页性能方面得到了越来越广泛的应用。Google 搜索针对搜索排名宣布了新的信号，将从 2021 年 5 月开始纳入核心网页指标。除了 Chrome 用户体验报告、Search Console 的 "核心网页指标" 报告以及许多其他 Google 工具以外，诸如 Cloudflare 等其他服务商也开始将 "核心网页指标" 公开作为网页性能指标。

• Web Vitals 计划

  https://web.dev/vitals/

• 宣布

  https://developers.google.com/search/blog/2020/11/timing-for-page-experience

• 核心网页指标

  https://web.dev/vitals/#core-web-vitals

• Chrome 用户体验报告

  https://developers.google.com/web/tools/chrome-user-experience-report

• "核心网页指标" 报告

  https://support.google.com/webmasters/answer/9205520

• 许多其他 Google 工具

  https://web.dev/vitals-tools/

• Cloudflare

  https://blog.cloudflare.com/start-measuring-web-vitals-with-browser-insights/

去年夏天，我们为使用 Google Analytics (分析) 的网站发布了网页指标 JavaScript 库。现在我们公布的网页指标报告 (Web Vitals Report)，是一款开源网站和工具，使您能够在 Google Analytics (分析) 中查询和可视化网页指标，从而可以轻松比较各个细分的性能数据。

• 网页指标 JavaScript 库
  https://github.com/GoogleChrome/web-vitals
• 网页指标报告 (Web Vitals Report)
  http://goo.gle/web-vitals-report

最后，我们一直在倾听您的反馈，并不断了解大家在构建网站接口方面遇到的困难。我们一直在努力改善网页的样式设计功能以及提供了内容可视性 (content-visibility)，这项 CSS 属性可以显著提高渲染性能。请参阅可帮助改进界面样式的更多更新和工具，包括有关 Houdini.how 的公告，这组 API 使您能够更加方便地扩展 CSS。

• 内容可视性 (content-visibility)
  https://web.dev/content-visibility/
• Houdini.how
  http://Houdini.how

虚拟聚会

Chrome Dev Summit 一直致力于与广大社区建立联系。尽管我们无法与大家面对面地交流，但 Chrome 团队发布了一款名为 Chrome Dev Summit Adventure 的 PWA，使大家在虚拟会议中也能收获、发现以及畅所欲言，这些正是线下会议中最有价值的部分。我们迫不及待地想要了解您对该项目的看法，并期待与您随时交流。

• Chrome Dev Summit Adventure

  https://developer.chrome.com/devsummit/adventure/

更多详情

欢迎您随时访问我们的 Bilibili 账号 "Google中国" 观看本次大会的完整中文字幕视频 (包括主题演讲，25 个技术分享和 12 个新增的补充内容)，如需获取与 web 有关的所有最新动态，欢迎您注册 web.dev 简报。

• Bilibili 视频合集链接
  https://www.bilibili.com/medialist/play/ml1125617558/BV1sy4y1q714
• 欢迎您注册 web.dev 简报
  https://web.dev/newsletter/

如果您在观看视频的过程中有任何问题和反馈，请通过弹幕或留言与我们互动，留下您的想法与反馈，Google 中国 Web 生态咨询团队将针对开发者的问题提供解答，请持续关注。很高兴能看到大家为构建良好社区做出努力，请畅所欲言！

明年再见！

---

推荐阅读

 点击屏末 | 阅读原文 | 观看 2020 Chrome 开发者峰会中文视频

---