Successfully reported this slideshow.

PWA and Autoplay Policy

1

Share

Upcoming SlideShare
Goの深め方
Goの深め方
Loading in …3
×
1 of 11
1 of 11

More Related Content

Related Books

Free with a 30 day trial from Scribd

See all

PWA and Autoplay Policy

  1. 1. PWAと Autoplay Policy PWA Beginners 勉強会 #2 平田智子
  2. 2. 自己紹介 平田智子 Twitter @10tomok0 GitHub tomoko523 SIer Windows/VB.NET/C#/Augular 5年くらい →GsAcademy(DEV4) →Webエンジニア@渋谷ベンチャー PHP/Nodejs/AWS/VueJs 1年くらい
  3. 3. PWA対応サイト 触ってますか?
  4. 4. ex.) Twitter,Instagram Twitter Lite Instagram どちらも上がネイティブアプリ、下がPWA(軽い!!)
  5. 5. 触ってみて 違和感が...
  6. 6. 動画が自動再生されない!! 再生ボタンが 表示されている
  7. 7. Autoplay Policyに引っかかってる? Autoplay Policy(自動再生ポリシー)とはGoogleが定めたChromeの動画自動再生に関する制御のこと。 特定条件以外での自動再生は標準でブロックされる。 https://developers.google.com/web/updates/2017/09/autoplay-policy-changes Safari, Chromeの自動再生ポリシー変更のまとめ
  8. 8. Autoplay Policyに引っかかってない! PWAのアプリケーションはAutoplayPolicyの 対象外となっている ただし、PWAのアプリとして起動したアプリのみ (ブラウザでアクセスした場合は他のWebサイト 同様自動再生はブロックされる)
  9. 9. Attention!! ここからは個人の見解です
  10. 10. そもそも自動再生しない作りにしている? PWAの特徴(3G回線での高速動作、キャッシュの活用) に沿った実装にしているのでは??? ・自動再生はデータロードの観点では高負荷 ・バックグラウンドでロードしている?
  11. 11. 離脱率をとるか、Web最適化をとるか 自動再生を制限すると離脱率があがるのでは? 「自動で再生=ユーザーのアクションが少なくてすむ= 楽」という図式が崩れる(参考:1、インスタで「タイムライン疲れ」を感じるワケ) 動画のようなリソースを扱うリッチなアプリを PWA化(Webアプリ)する際の課題と感じた。

×