Service workers

1. Underground

2. Underground
Background!

3. Javascript
Однопоточен
● рисует UI
● запускает скрипты

4. Все хорошо

5. Пока начальник не сказал
1 + 2 + 3 + … n

6. Это же просто

7. Конечно просто

8. WEB WORKERS
for the
WIN

9. Подождите!

10. ● window
● DOM
● document
● parent
Нет доступа

11. ● web page
● web worker

12. Parallel.JS

13. Client-Server
● client
● servers

14. Client-Worker
● master HTML
● workers

15. Use cases

17. @lvivjs 2014

18. Service Workers

19. Service Workers
Запустит скрипт в бекграунде,
отдельно от страницы

20. Service Workers
● Запускаются в собственном контексте
● Не привязан к одной странице
● Нет доступа к DOM

21. ● Может существовать вообще без страниц
● Запускается и дестроится когда надо
● Определенна модель обновления
● Только https
Но, Service Workers

22. ● Ускорение
● Offline
● Push уведомления
● Background синхронизация
Для чего нужен

23. Начнем

24. No service workers

25. ● Обновлеям файл
○ Браузер загружает SW, и если хотя бы 1 байт
изменен этот файл считается новым
● SW инсталируется
● Старый SW отрабатывает
● А после закрытия старый SW умирает
● После этого новый SW получает контроль
Обновление

26. Практика

28. ● Итеративные запросы к GD
● Если GD не отвечает
○ Берем данные из кеша
○ Генерируем данные и возвращаем

29. Сеть

32. Новая сеть

33. Подходы

34. Assets
Browser ActivateInstall
Network Cache

36. Чистим кэш
Browser ActivateInstall
DELETE Cache

38. Реагируем на
пользователей
Browser NetworkClick
Cache

40. DRAFT!!!

41. Только кеш
Только сеть
Сначала кеш
Если нет сети,
то кеш
Кастомные
ответы
Whatever...

42. ● LocalStorage
● IndexedDB
● Filesystem
● Caches
Откуда место?

43. Не специфицированная информация
А сколько его?

44. navigator.webkitTemporaryStorage.queryUsageAndQuota
navigator.webkitTemporaryStorage.requestQuota

45. Push нотификации

46. Background sync
● Request sync
● Periodic sync

47. Links

48. Вот и все