Creating instant and seamless web apps with Chrome

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=eUX91N6Gj1Q


Duration: 43:25
7,506 views
96

Chrome is adding a lot of features to improve performance, with a focus on making load times nearly instant and transitions more seamless. Learn how to enable those features by updating an example web app step-by-step. The workshop covers the following APIs: Prerendering, BFCache, Private Prefetch Proxy, Signed Exchange, Root and Shared Element Transitions.

Resources:
Add instant navigation and seamless page transitions to a web app → https://goo.gle/37DkN9o

Speakers: Shunya Shishido, Hadyan Andika

Watch more:
All Google I/O 2022 Sessions → https://goo.gle/IO22_AllSessions
Web at I/O 2022 playlist → https://goo.gle/IO22_Web
All Google I/O 2022 workshops → https://goo.gle/IO22_Workshops

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#GoogleIO



Other Videos By Chrome for Developers


2022-05-12Debugging accessibility with Chrome DevTools
2022-05-12Core Web Vitals in the real world
2022-05-12State of Angular
2022-05-12How to take full advantage of a PWA install
2022-05-12Bringing page transitions to the web
2022-05-12A path to a world without passwords
2022-05-12How to speed up Largest Contentful Paint (LCP) with cross-site prefetching
2022-05-11Introduction to Angular
2022-05-11What's new in Chrome OS I/O 2022
2022-05-11Measure performance with web-vitals.js, Google Analytics, and BigQuery
2022-05-11Creating instant and seamless web apps with Chrome
2022-05-11What's new for the web platform
2022-05-11Build more accessible apps in Angular
2022-05-10Performance insights panel | DevTools Tips
2022-05-03Is .css a bad idea? Is inlining the way forward? | HTTP 203
2022-04-27Adaptive frosted glass #Shorts
2022-04-21Chrome 101 - What’s New in DevTools
2022-04-13Thinking on ways to solve DIALOG
2022-03-304 lines of CSS for a vertical responsive slideshow #Shorts
2022-03-29New in Chrome 100: User Agent string updates, Multi-screen window placement API, and more!
2022-03-29What key was pressed? (You won't believe how keyboard events work) | HTTP 203


Tags:
Google Chrome
improving website performance
site performance
faster loading
seamless transitions
Prerendering
BFCache
Private Prefetch Proxy
Signed Exchange
Root
Shared Element Transitions
pagespeed
Google I/O
Google IO
I/O
IO
Google I/O 2022
IO 2022