The Aurora Project

A collaboration between Chrome and open-source web frameworks to improve user experience on the web.

#
Introduction

Aurora is an initiative where Chrome engineers partner with open-source web frameworks to improve user experience across the web, with a special emphasis on performance.

Why is Aurora important?

Best practices are constantly evolving. The Aurora team helps bake the latest best practices into web frameworks, so framework developers get the benefits with minimal effort.

What is Aurora focusing on now?

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.

#
Recent Blog Posts

Read about our 2022-2023 focus areas in more detail.

What's New with Aurora?

Check out our recent project releases, as well as a roadmap for 2023 and beyond.

Framework tools for font fallbacks

Master 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.

Optimizing Images with the Angular Image Directive

Learn how the Angular image directive can improve Largest Contentful Paint (LCP), now available from version 14.

Optimizing 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 tech talk videos to learn about the latest Aurora projects, features, and best practices.

Fireside Chat: Chrome Aurora

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 Best Practices 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.

Next.js and Chrome

Reactathon 2022: This talk reviews our latest collaborations with Next.js, including components to improve the performance of your images, 3P scripts, and fonts.

What's New in Performance

perf.now() 2022: Get up-to-date on the latest performance APIs, tools, and metrics and how you can apply them to your site.

The Aurora Project

#Introduction

#Recent Blog Posts

#Recent tech talks

#
Introduction

#
Recent Blog Posts

#
Recent tech talks