1 of 60

BlinkOn 14 - Day 1

chromium.org/events

May 12-14, 2021 JST

May 11-13, 2021 PST

2 of 60

Opening Remarks

Penny McLachlan

3 of 60

Keynote Presentation

Kenji Baheux &

Kinuko Yasuda

4 of 60

BlinkOn 14

Kenji: Welcome to BlinkOn 14, our second virtual BlinkOn. So, apparently someone decided that Mars would be the theme for this edition. TBH, I’m not sure why. Kinuko, do you have any idea?

Kinuko: well, I don’t… but maybe it’s the idea that technology evolves so fast that...we might reach a point when conferences go interstellar?

Kenji: That would be amazing indeed. I’m actually quite fond of science fiction and I’ve been following a bit the Mars mission. But something made me really sad...

Kinuko: what is it?

Kenji: well it’s the fact that no one asked the only question that matters. Instead, folks asked things like “will you try growing potatoes on Mars?” “Did you find another Iguana?”.

Kinuko: they are good questions too, I guess… but ok, what’s the only question that matters then?

[next slide (Kenji, Kinuko)]

5 of 60

BlinkOn 14

6 of 60

BlinkOn 14

7 of 60

BlinkOn 14

8 of 60

BlinkOn 14

9 of 60

BlinkOn 14

10 of 60

BlinkOn 14

11 of 60

BlinkOn 14

12 of 60

Where are you from?

BlinkOn 14

13 of 60

Where are you from?

Mars?

0.1%

BlinkOn 14

14 of 60

Where are you from?

BlinkOn 14

15 of 60

Where are you from?

BlinkOn 14

16 of 60

Better Together

BlinkOn 14

17 of 60

Non-google / chromium contributors per-year graph

BlinkOn 14

18 of 60

BlinkOn 14

19 of 60

BlinkOn 14

20 of 60

BlinkOn 14

21 of 60

Enter Stellar

BlinkOn 14

22 of 60

Microsoft

Since Nov 5, 2020:

1084 CLs from 107 contributors��(Chromium, V8, devtools, WPT etc)

ARIA virtual content
JSON modules
Dark mode/Customizable controls
Delegated ink trails
Dual Screen & Virtual Keyboard
Input/Editing – EditContext, EyeDropper API, and Highlight API
Layout – GridNG
Percent-based scrolling
WebXR
Camera Reliability
Many PWA contributions
Contributions to DevTools
(More!)

BlinkOn 14

23 of 60

Intel

Since Nov 5, 2020:

371 CLs from 47 contributors��(Chromium, ANGLE, Dawn,�Vulkan, WebGPU, WPT etc)

Media: Web Codec, Media Capture
PWAs
Fugu (e.g. Web NFC, GravitySensor)
Dual screen and foldables
Web NN
WebAssembly SIMD
WebGL and WebGPU
clamping setTimeout
(More!)

BlinkOn 14

24 of 60

Samsung

Since Nov 5, 2020:

229 CLs from 11 contributors��(Chromium, ANGLE, Vulkan, etc)

Screen Fold
WebXR
PWA
Payment Request
Fugu
Digital Goods API
Bubblewrap/TWA
(More!)

BlinkOn 14

25 of 60

Igalia

Since Nov 5, 2020:

1081 CLs from 34 contributors��(Chromium, ANGLE, WPT etc)

CSS improvements
JS Private methods / Class fields
MathML
Protocol Handlers improvements
Onion Soup
Accessibility
Container Queries
CSS: flow-relative, :focus-visible, spelling & grammar feat.
Ozone/Wayland
Open Prioritization

BlinkOn 14

26 of 60

Better Together

Reminder: Self nomination for API owners!

On-going: reviewing how decisions are made in chromium

Will clarify the roles, responsibilities and scope of our decision making bodies (e.g. API Owners)�

“Decision Making in Chromium” breakout session:

Tue, May 11, 2021 5:35 pm - 6:00 pm PDT� Feedback & topics: bit.ly/blinkon-14-decision-making-survey

Session Schedule: bit.ly/blinkon-14-schedule

BlinkOn 14

Kenji: At the last BlinkOn, Rick Byers asked the attendees what values were most important to them, and one of the areas many of you valued the most was around Transparency and Decision Making. So, we have been looking in ways to improve on that.

We announced that chromium contributors can now self-nominate to be an API Owner. We have seen interest in this area and are eager to see that translate into nominations soon.
In terms of what’s next, there is a group of folks who are going to review how decisions are made in chromium, and will work to clarify the roles, responsibilities and scope of our decision making bodies, such as the API Owners.
They will have a breakout session today on a second slot, which is about 30 minutes after the end of this session. If you have suggestions or questions, don’t hesitate they want to hear from the community and brainstorm solutions with you! Please get your voice heard by filling up the form, even if you can’t attend. Don’t worry about memorizing the link, it will be in the schedule page.

[next slide (Kinuko)]

27 of 60

Inclusion matters

Proj=CodeInclusion bugs on crbug

BlinkOn 14

28 of 60

Critical to Blink, Chromium and Web Platform

Inclusion

Community

Collaboration

❤

BlinkOn 14

29 of 60

Enter Stellar II

Closer Encounter

BlinkOn 14

30 of 60

Our Code

Capabilities

Developer

User Experience

Security & Privacy

How we evolve the web

BlinkOn 14

31 of 60

32 of 60

More protection for our users

Shipped: 🎉

Restrict ‘private network requests’ for subresources (M86)�
Block HTTP port 554 and more for NAT Slipstream attack (M90)

Public network (ex. https://example.com)

Private network (ex. http://router.local)

Local device

BlinkOn 14

33 of 60

Privacy: More State Partitioning

Shipped: 🎉

HTTP Cache Partitioning (M85)

Experimenting:

Network State Partitioning (M91~)

Prototyping:

Partitioning Storage, Service Workers, and Communications APIs

privacysandbox.com

BlinkOn 14

34 of 60

Privacy Sandbox

Shipping: 🎉

Schemeful Same-site (M89)
User Agent: macOS version capping, macOS platform name change (M90)�

Under Experimentation:

Prototype & Proposals

privacysandbox.com

BlinkOn 14

Kenji: State partitioning is actually a part of bigger privacy effort that’s called “privacy sandbox”. This effort aims to create web technologies that both protect people’s privacy online and give companies and developers the tools to build thriving digital businesses. We believe that this is critical to keep the web open and accessible to everyone. Let’s briefly go through what’s happening there:

Schemeful same-site cookies make requests on the same registrable domain but across schemes to be considered cross-site. In other words, https://example.com and http://example.com are cross-site from a cookie perspective.
Multiple features like Trust Tokens, First Party Sets and new proposals for conversion measurement & interest-based online advertising are also under experimentation.
You can check out privacysandbox.com to not only learn more details, but also to find out how to get involved in shaping the proposals!

[next slide (Kinuko)]

35 of 60

Our Code

Capabilities

Developer

User Experience

Security & Privacy

How we evolve the web

BlinkOn 14

36 of 60

Enhanced scrolling experience

Shipped & Shipping:

WheelEventRegions (M90)�improved scroll performance!

�

Percent based scrolling improves scroll experience on small scrollers

ScrollBegin.Wheel.TimeToScrollUpdateSwapBegin4@ 99th: -33% on Windows, -19% on MacOS, and -35% on ChromeOS

🎉

BlinkOn 14

37 of 60

Enhanced scrolling experience

Shipped & Shipping:

WheelEventRegions (M90)�improved scroll performance!

�

Percent based scrolling improves scroll experience on small scrollers

ScrollBegin.Wheel.TimeToScrollUpdateSwapBegin4@ 99th: -33% on Windows, -19% on MacOS, and -35% on ChromeOS

🎉

👏

🎉

BlinkOn 14

38 of 60

Instant & Seamless Navigations

Shipped:

Same-site BFCache on Android (M89)

Experimenting:

BFCache on Desktop (M92~)
Shared Element Transitions

Prototyping:

Early Hints for navigations
Prerendering & Prefetch with Speculation Rules

🎉

BlinkOn 14

Kinuko: Next! Instant & Seamless is a series of efforts that tries to make loading instant and navigations seamless for more engaging user experience on the web.

BFCache, which might not need another explanation at this point, is a super powerful feature that enables instant back and forward navigations. This was enabled for cross-site navigations in M86, but now it’s also available for same-site navigations! BFCache for Desktop is also coming next, and will be origin trial starting in M92.

Shared Element Transitions enable seamless transitions between elements, and is soon on origin trial as well.

Early Hints, and Prefetch and Prerendering with speculation rules API are technologies to make next navigations faster & instant, they are expected to become experimentable soon as well.

[next slide (Kenji)]

39 of 60

CSS Improvements

Shipped & Shipping: 🎉

::target-text pseudo-element (M89)
display: list-item (M89)
'disclosure-open' and 'disclosure-closed' (M89)�
flow-relative Corner Rounding properties (M89)
:focus-visible in default�UA style sheet (M90)�
width/height on <source> elements for <picture> (M90)
overflow: clip and overflow-clip-margin (M90)
Single <compound-selector> for :host(), :host-context() (M91)
CSS custom counter style (M91)

BlinkOn 14

40 of 60

Metrics &�Core Web Vitals

Shipped & Launched: 🎉

DevTools now has a new Core Web Vitals override (M90)
Non-AMP Signed Exchanges on Google Search Results

To be rolled out:

CLS Metric is to be updated based on the feedback and large-scale analysis�

More reports & information:

Page Experience report that includes CWV is included in Search Console
Multiple web.dev posts are published

New Core Web Vitals override in DevTools

BlinkOn 14

41 of 60

Our Code

Capabilities

Developer

User Experience

Security & Privacy

How we evolve the web

BlinkOn 14

42 of 60

More capable PWAs 🐡

Shipped & Shipping: 🎉

Experimenting for TWA:

Digital Goods API (M87~)

Powered by Intel ❤

https://web.dev/nfc/#demos

Powered by Samsung ❤

BlinkOn 14

43 of 60

More capable PWAs 🐡

Shipped & Shipping: 🎉

Experimenting for TWA:

Digital Goods API (M87~)

Powered by Intel ❤

https://web.dev/nfc/#demos

👏

🎉

Powered by Samsung ❤

BlinkOn 14

44 of 60

Integrated PWA experience

Shipped & Shipping: 🎉

Rich PWA Install UI (M92)
Site Settings Shortcut for WebAPKs (M92)

BlinkOn 14

45 of 60

Faster & Securer Transactions

Shipped & Shipping: 🎉

Experimenting:

Secure Payment Confirmation (SPC) V2 (M91~)

BlinkOn 14

46 of 60

Media & Streaming

Shipped & Shipping: 🎉

Spec update: 🎉

WebAudio API is now a Proposed Recommendation!

Experimenting:

WebCodecs (M86~)
WebTransport over HTTP/3 (M91~)

🎥

🖥

WebTransport Server

WebCodecs

WebTransport

Encoder

Decoder

Writable

Readable

HTTP/3

BlinkOn 14

47 of 60

Immersive Experiences

Shipped & Shipping: 🎉

Experimenting:

WebXR Plane Detection API (M91~)

https://immersiveweb.dev/

BlinkOn 14

48 of 60

Our Code

Capabilities

Developer

User Experience

Security & Privacy

How we evolve the web

BlinkOn 14

49 of 60

Improvements in DOM & Modules

Shipped & Shipping: 🎉

AbortSignal in addEventListener (M88)
Declarative Shadow DOM (M90)�
import maps (inline only) (M89)
ES Modules for Service Workers (M91)
Import Assertions and JSON Modules (M91)

BlinkOn 14

50 of 60

Improvements in DOM & Modules

Shipped & Shipping: 🎉

AbortSignal in addEventListener (M88)
Declarative Shadow DOM (M90)�
import maps (inline only) (M89)
ES Modules for Service Workers (M91)
Import Assertions and JSON Modules (M91)

👏

🎉

BlinkOn 14

51 of 60

WASM/JavaScript improvements

powered by

Shipped & Shipping: 🎉

WebAssembly Worker Based Threads (M88)
WebAssembly SIMD (M91)
RegExp match indices (M90)
Class static initializer blocks (M91)
Relative indexing method for Array, String and TypedArrays (M92)

https://v8.dev/features/simd

Before

After

BlinkOn 14

52 of 60

WASM/JavaScript improvements

powered by

Shipped & Shipping: 🎉

WebAssembly Worker Based Threads (M88)
WebAssembly SIMD (M91)
RegExp match indices (M90)
Class static initializer blocks (M91)
Relative indexing method for Array, String and TypedArrays (M92)

https://v8.dev/features/simd

Before

After

👏

🎉

BlinkOn 14

53 of 60

DevTools

Shipped & Shipping: 🎉

Simulated storage quota size in Storage pane (M88)��
Debugging tools for Flexbox (M90)
Memory Inspector panel (M91)

❤ 🐡

BlinkOn 14

54 of 60

Progress in WPT & Compatibility

+14!

wpt.fyi/compat2021 + web.dev/compat2021

BlinkOn 14

55 of 60

Progress in WPT & Compatibility

+14!

👏

wpt.fyi/compat2021 + web.dev/compat2021

BlinkOn 14

56 of 60

More features are tested as WPT and upstreamed!

https://ecosystem-infra.github.io/ecosystem-infra-stats/

BlinkOn 14

57 of 60

Our Code

Capabilities

Developer

User Experience

Security & Privacy

How we evolve the web

BlinkOn 14

58 of 60

Improvements in our code

Landed & Improved: ❤

Legacy IPC in //content nearly gone! (Check out the talk by Igalia 😊)
Web Components V0 removal: 44k LoC and 68kB binary size reduction🎉
OOR-CORS allowed us to remove CORS code in Blink (7k LoC removal)
DevTools frontend migrated to TypeScript and uses modern compiler

😲🔍

BlinkOn 14

59 of 60

Overall

71 intents to Ship
40 intents to Prototype
18 intents to Experiment
13 intents to Extend
6 intents to Remove!

BlinkOn 14

60 of 60

Please enjoy your Mars BlinkOn 14 trip!

Schedule: bit.ly/blinkon-14-schedule�Info: chromium.org/events/blinkon-14

BlinkOn 14