Aurora
A collaboration between Chrome engineers and open-source web frameworks to improve user experience across the web, with a special emphasis on performance.
Introducing the Aurora Project
Open-source tools and frameworks play a large role in enabling developers to build modern apps for the web, while also supporting good developer experiences.
What's new?
In 2023, the Aurora team is focusing on improving Core Web Vitals for applications using web frameworks. We are currently partnering with Next.js, Angular, and Nuxt to ship performance features.
From the Blog
A Next.js package for managing third-party libraries
Read about the new Next.js wrapper components for popular third-parties like YouTube, Google Maps, and Google Analytics.
Safely accessing the DOM with Angular SSR
Learn how to safely use the DOM together with SSR in Angular
What's new with NgOptimizedImage?
Learn about the new features included in the Angular NgOptimizedImage directive that further improve image performance in Angular apps.
Framework tools for font fallbacks
Understand how to adjust the size of your font fallbacks to prevent Cumulative Layout Shift (CLS), using tools in Next.js, Nuxt, Vite, and Capsize.
Improved font fallbacks
Dive deep into the methodology behind generating font fallbacks and the size-adjust, ascent-override, descent-override, and line-gap-override APIs.
Inside the container query polyfill
Take a peek inside how the polyfill works, the challenges it overcomes, and the best practices when using it to provide a great user experience.
Optimize images with the Angular image directive
Learn how the Angular image directive can improve Largest Contentful Paint (LCP), now available from version 14.
Optimize third-party script loading in Next.js
Understand the vision behind the Next.js Script component, a built-in solution to optimize the loading of third-party scripts.
Recent tech talks
Watch these videos to learn about the latest Aurora projects, features, and best practices.
Optimizing Third-Party Loading in Next.js
Next Conf 2023: Learn about the new next/third-parties package we've released with Next 14.
Framework Tools for Image Optimization
perf.now() 2023 pre-event: Learn more about the framework tools we've built in Next.js and Angular to improve the performance of images.
Fireside Chat with Chrome Aurora
Watch the useReactNYC 2023 Fireside Chat with Houssein Djirdeh from the Chrome Aurora team.
Chrome Aurora
Infobip Shift 2022: Learn how the Chrome Aurora team is working to advance the web framework ecosystem by collaborating with Next.js, Nuxt, and Angular.
Image Optimization with Angular
ng-conf 2022: This session covers the many ways images can slow down your app, and the optimizations the Aurora team recommends to avoid these pitfalls.
Nuxt and Chrome
Vue Conf US 2022: Learn about Chrome's latest collaborations with Nuxt and the suggested best practices for optimizing images and fonts in your Nuxt app.