2018/3/16 second PWA Study

1. PWAと
Autoplay Policy
PWA Beginners 勉強会 #2 平田智子

2. 自己紹介
平田智子
Twitter @10tomok0
GitHub tomoko523
SIer
Windows/VB.NET/C#/Augular 5年くらい
→GsAcademy(DEV4)
→Webエンジニア@渋谷ベンチャー
PHP/Nodejs/AWS/VueJs 1年くらい

3. PWA対応サイト
触ってますか？

4. ex.) Twitter,Instagram
Twitter Lite Instagram
どちらも上がネイティブアプリ、下がPWA(軽い!!)

5. 触ってみて
違和感が...

6. 動画が自動再生されない!!
再生ボタンが
表示されている

7. Autoplay Policyに引っかかってる?
Autoplay Policy(自動再生ポリシー)とはGoogleが定めたChromeの動画自動再生に関する制御のこと。
特定条件以外での自動再生は標準でブロックされる。
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Safari, Chromeの自動再生ポリシー変更のまとめ

8. Autoplay Policyに引っかかってない!
PWAのアプリケーションはAutoplayPolicyの
対象外となっている
ただし、PWAのアプリとして起動したアプリのみ
（ブラウザでアクセスした場合は他のWebサイト
同様自動再生はブロックされる)

9. Attention!! ここからは個人の見解です

10. そもそも自動再生しない作りにしている?
PWAの特徴(3G回線での高速動作、キャッシュの活用)
に沿った実装にしているのでは？？？
・自動再生はデータロードの観点では高負荷
・バックグラウンドでロードしている？

11. 離脱率をとるか、Web最適化をとるか
自動再生を制限すると離脱率があがるのでは？
「自動で再生＝ユーザーのアクションが少なくてすむ＝
楽」という図式が崩れる(参考:１、インスタで「タイムライン疲れ」を感じるワケ)
動画のようなリソースを扱うリッチなアプリを
PWA化(Webアプリ)する際の課題と感じた。