Recognize your users' handwritingChristian Liebel, Thomas SteinerMay 17, 2021The Handwriting Recognition API allows you to recognize text from handwritten input as it happens.Capabilities
ES modules in service workersJeff PosnickMay 13, 2021A modern alternative to importScripts().Service Worker
Building a media scroller componentAdam ArgyleMay 12, 2021A foundational overview of how to build a responsive horizontal scrollview for TVs, phones, desktops, etc.CSS DOM JavaScript
URL protocol handler registration for PWAsThomas SteinerUpdated: May 19, 2021Let installed PWAs handle links that use a specific protocol for a more integrated experience.Capabilities
Orange: New PWA converts 52% better on mobileAdam Skręt, Rafał Filipek, Marcin SierakowskiMay 11, 2021The new PWA also has an average loading time 30% faster than the old site and has improved bounce rate 12% and session depth 18%.Case Study Progressive Web Apps
Optimizing Web Vitals using LighthouseAddy OsmaniMay 11, 2021Finding opportunities to improve user-experience with Chrome's web tooling.Performance Web Vitals
Insertable streams for MediaStreamTrackThomas SteinerMay 4, 2021The content of a MediaStreamTrack is exposed as a stream that can be manipulated or used to generate new content.Media Capabilities
Customize the window controls overlay of your PWA's title barThomas Steiner, Amanda BakerUpdated: May 19, 2021Make use of the title bar area next to the window controls to make your PWA feel more like an app.Progressive Web Apps Capabilities
Keeping third-party scripts under controlChris Anstey, Antoine BischApr 22, 2021Before optimizing third party tags, make sure that these scripts are still needed on your site.Performance
Fill OTP forms within cross-origin iframes with WebOTP APIYi Gu, Eiji KitamuraApr 21, 2021WebOTP API can now receive OTPs from within iframes.Identity Capabilities
Breaking down barriers using the DataTransfer APIJorik Tangelder, Thomas SteinerApr 21, 2021Enable the user to share data beyond the browser window.Progressive Web Apps
Mainline Menswear implements PWA and sees a 55% conversion rate upliftCharis Theodoulou, Natasha Kosoglov, Thomas SteinerUpdated: May 19, 2021Case Study Service Worker Progressive Web Apps
Building split text animationsAdam ArgyleApr 20, 2021A foundational overview of how to build split letter and word animations.CSS DOM JavaScript
Take the 2021 scroll survey to help improve scrolling on the webAdam Argyle, Sam DuttonApr 15, 2021An introduction to the 2021 Scroll Survey from the Chrome teamCSS DOM JavaScript
How Zalando reduced performance feedback time from 1 day to 15 minutes with Lighthouse CIJeremy Colin, Jan BrockmeyerApr 13, 2021The web team at Zalando found that integrating Lighthouse CI enabled a proactive approach to performance, with automated status checks able to compare the current commit to the main branch to prevent performance regressions.Web Vitals Case Study
Evolving the CLS metricAnnie Sullivan, Hongbo SongApr 7, 2021Plans for improving the CLS metric to be more fair to long-lived pages.Performance Web Vitals
Debug Web Vitals in the fieldPhilip WaltonUpdated: Apr 1, 2021Learn how to attribute your Web Vitals data with debug information to help you identify and fix real-user issues with analyticsPerformance Web Vitals
Best practices for cookie noticesKatie HempeniusMar 30, 2021Optimize cookie notices for performance and usability.Performance Web Vitals
What is FLoC?Sam DuttonUpdated: May 14, 2021FLoC enables ad selection without sharing the browsing behaviour of individual users.Privacy Security
Lowe's website is among fastest performing e-commerce websitesAshish Choudhury, Dinakar Chandolu, Abhimanyu Raibahadur, Dhilip venkatesh Uvarajan, Safwan Samla, Garima MimaniMar 23, 2021By building an automated performance testing and monitoring system, the Lowe's Site Speed Team test pull requests against performance budgets, and prevent performance regressions going into production.Case Study Web Vitals Performance
Compat2021: Eliminating five top compatibility pain points on the webRobert Nyman, Philip JägenstedtUpdated: Mar 22, 2021Google is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers: CSS Flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.CSS
Vodafone: A 31% improvement in LCP increased sales by 8%Mar 17, 2021By running an A/B test specifically focused on optimizing Web Vitals, Vodafone found that a 31% improvement in LCP led to 8% more sales, a 15% improvement in their lead to visit rate, and a 11% improvement in their cart to visit rate.Case Study Web Vitals Performance
Building a Settings componentAdam ArgyleMar 17, 2021A foundational overview of how to build a settings component of sliders and checkboxes.CSS DOM JavaScript
