DEV Community

This Dot Media for This Dot

Posted on • Updated on • Originally published at

The State of Chrome With Addy Osmani

Progressive Web Apps (PWAs) are experiences that are changing the way users interact with the web on mobile devices. PWAs offer fast, reliable, and meaningful engagements for mobile users. There has been a recent uptick of adoption of PWAs in emerging markets that have highlighted the performance benefits and new features that PWAs have to offer.


In efforts to allow PWAs to be more deeply integrated with Android, Lighthouse was created as a checklist to help guide features to be more manageable like a native app. When the features match the requirements that are tested for in Lighthouse, PWAs are then able to be listed along side native apps in the app store.

In addition to this, there is also now the option of including push notifications and shipping navigator media sessions as well as support for display full screen which gives developers full control over all real estate on the phone.

New Features

There are a number of new releases coming up on Chrome to look forward to.
The upcoming web share API is going through is origin trial with Twitter and will reduce the extensive ground work required to enable sharing amongst users.

The Shape Detection API is available on Chrome 57. It simplifies the detection of shapes, barcodes, and articles by taking advantage of hardware acceleration within the mobile device.

Chrome is also introducing and intent to ship Image capture API that gives users the ability to control camera options such as photos, control zoom, focus, and select resolution.

The Payment Request API, available in Chrome 53, gives a native UI that makes checkout flow a lot easier. Individuals pay select and add payments in a fast and consistent manner.

Improved Performance

Originally, V8 was successful in stressing peak performance. However, optimizations weren’t always representative of real world web apps. By using Speedometer (a benchmark that stress tests framework code) the team was able to adjust their optimization for real world workloads. By evaluating optimizing for popular websites, and spend more time in parsing and compilation, they were able to see substantial gains in performance.
New Dev Tools

Some new Chrome dev tools include code coverage, request blocking, and audits 2.0.

The code coverage feature has shipped in canary and lets users record a page, determine what javascript is executed, how much of it is used or not used, and processes code paths.

Point in time recording is included to allow for navigation across different views. CSS stats are also given depending on the time for the application being used.

Request blocking selects and blocks request URLs or request domains.
Audit 2.0 is similar to the Lighthouse in dev tools. When running an audit, you are able to run every PWA and web platform best practice test available in Lighthouse and run a report.

You can keep up with the newest features being shipped at and follow Addy Osmani on twitter @addyosmani .

By Trinh Kien & Necoline Hubner

Need JavaScript consulting, mentoring, or training help? Check out our list of services at This Dot Labs.

Top comments (0)