Aurora
Chrome 工程师与开源 Web 框架展开协作,以改善整个网络的用户体验,特别注重性能。
Aurora Project 简介
在帮助开发者构建适用于 Web 的现代应用方面,开源工具和框架发挥着巨大作用,同时还有助于打造良好的开发者体验。
新变化
2023 年,Aurora 团队专注于为使用 Web 框架的应用改进核心网页指标。我们目前正在与 Next.js、Angular 和 Nuxt 合作,以提供性能功能。
来自博客
用于管理第三方库的 Next.js 软件包
了解适用于 YouTube、Google 地图和 Google Analytics(分析)等热门第三方的全新 Next.js 封装容器组件。
使用 Angular SSR 安全地访问 DOM
了解如何在 Angular 中安全地将 DOM 与 SSR 结合使用
NgOptimizedImage 有哪些新变化?
了解 Angular NgOptimizedImage 指令中包含的新功能,这些功能可进一步提高 Angular 应用中的图片性能。
用于后备字体的框架工具
了解如何使用 Next.js、Nuxt、Vite 和 Capsize 中的工具,调整后备字体的大小,以防出现 Cumulative Layout Shift (CLS)。
改进了字体回退
深入了解生成字体回退的方法,以及大小调整、上涨替换、下降替换和行间间距替换 API。
在容器查询 polyfill 内
深入了解 polyfill 的工作原理、克服的难题,以及使用 polyfill 提供出色用户体验时的最佳做法。
使用 Angular 图片指令优化图片
了解 Angular 图片指令如何改进 Largest Contentful Paint (LCP),该指令现已从版本 14 开始提供。
优化 Next.js 中的第三方脚本加载
了解 Next.js 脚本组件(一种用于优化第三方脚本加载的内置解决方案)背后的愿景。
近期技术讲座
观看这些视频,了解最新的 Aurora 项目、功能和最佳做法。
在 Next.js 中优化第三方加载
2023 年 Next Conf:了解我们在 Next 14 中发布的全新 Next/第三方软件包。
图像优化框架工具
perf.now() 2023 年活动前:详细了解我们为提升图片性能而在 Next.js 和 Angular 中构建的框架工具。
与 Chrome Aurora 炉边谈话
观看来自 Chrome Aurora 团队的 Houssein Djirdeh 的 useReactNYC 2023 专题访谈。
Chrome 极光
Infobip Shift 2022:了解 Chrome Aurora 团队如何通过与 Next.js、Nuxt 和 Angular 协作来推进 Web 框架生态系统的发展。
使用 Angular 优化图像
ng-conf 2022:此会议将介绍图片可能会拖慢应用运行速度的多种方式,以及 Aurora 团队为避免这些陷阱的建议。
Nuxt 和 Chrome
Vue Conf US 2022(美国 2022 年):了解 Chrome 与 Nuxt 的最新合作,以及建议在 Nuxt 应用中优化图片和字体的最佳实践。