PWA patterns for window and service worker communication

  Рет қаралды 12,635

Chrome for Developers

Chrome for Developers

Күн бұрын

This talk reviews two types of workers: web workers and service workers. We explore their similarities, differences, the most popular communication APIs, and some common use cases. We also go over some communication patterns and some real-world examples of how these patterns are used by sites and web apps for speed, reliability, and better user experience, including websites like 1-800 Flowers, Tinder, and Squoosh.
Resources:
Workers overview → goo.gle/33BxTil
Speakers: Demian Renzulli, Andrew Kean Guan
Subscribe to Google Chrome Developers here → goo.gle/ChromeDevs
#chromedevsummit #chrome #pwa
event: Chrome Dev Summit 2020; re_ty: Publish; product: Chrome - General; fullname: Demian Renzulli, Andrew Kean Guan;

Пікірлер: 8
@snowsior621
@snowsior621 3 жыл бұрын
very informative video, thanks
@dostoevskysuffer7232
@dostoevskysuffer7232 3 жыл бұрын
Nice video!
@LarsRyeJeppesen
@LarsRyeJeppesen 3 жыл бұрын
Guys, that scripted conversation in the beginning.... /s.. great video though! Thank you
@DenisTRUFFAUT
@DenisTRUFFAUT 3 жыл бұрын
Ahaha I do that prefetch trick in the Service Worker too. It is very efficient. "Cache me this", "cache me that", etc. For updates I'm still wondering what its best. Notification requiring user to click, or sneaky refresh when user navigates (Can be violent if you change the whole design, or the link hierarchy)
@mohdridzuanabdaziz
@mohdridzuanabdaziz 3 жыл бұрын
Thank you
@mohdridzuanabdaziz
@mohdridzuanabdaziz 3 жыл бұрын
Learning access device data
@arunnegi7114
@arunnegi7114 3 жыл бұрын
adsense approval karwado
Love your cache: Optimize for the second load
28:30
Chrome for Developers
Рет қаралды 18 М.
Design at scale with Web Components (and ducks)
28:33
Chrome for Developers
Рет қаралды 20 М.
Cool Items! New Gadgets, Smart Appliances 🌟 By 123 GO! House
00:18
123 GO! HOUSE
Рет қаралды 17 МЛН
Despicable Me Fart Blaster
00:51
_vector_
Рет қаралды 28 МЛН
Payment and address form best practices
20:16
Chrome for Developers
Рет қаралды 12 М.
Background Fetch - HTTP 203
14:42
Chrome for Developers
Рет қаралды 28 М.
Superpowers for next gen web apps: Machine learning
29:19
Chrome for Developers
Рет қаралды 84 М.
Optimize for interactivity using Web Vitals (FID/TBT)
24:36
Chrome for Developers
Рет қаралды 19 М.
Extending Workbox: Custom strategies and plugins
8:42
Chrome for Developers
Рет қаралды 8 М.
Upgrading DevTools' architecture to the modern web
31:18
Chrome for Developers
Рет қаралды 15 М.
Sign-up form best practices
13:31
Chrome for Developers
Рет қаралды 30 М.
Introduction to Service Workers
12:54
Chrome for Developers
Рет қаралды 134 М.
Clients API and Window Messaging
21:22
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 2,7 М.
Самые крутые школьные гаджеты
0:49
Красиво, но телефон жаль
0:32
Бесполезные Новости
Рет қаралды 1,6 МЛН
Как удвоить напряжение? #электроника #умножитель
1:00
Hi Dev! – Электроника
Рет қаралды 1 МЛН