プログレッシブウェブアプリ

プログレッシブウェブアプリはWebサイトをスマートフォンなどのホーム画面に設置してアプリのように使えるようにする技術です。
ブラウザの対応状況も進んでおり、一部を除いてほとんどの環境で利用可能となっています。
PWAとは（Progressive Web Appsとは）
Can I use Service Workers（PWA対応ブラウザ）
Lighthouse（Chrome用）
「Google Chrome 67」はデスクトップ“PWA”をサポート！……で、“PWA”って何？

WebサイトをPWA化する方法

WebサイトをプログレッシブウェブアプリにするためにはHTTPS、レスポンシブデザイン、Web App Manifest、Service Workerを利用する事で可能になります。
HTTPSとレスポンシブデザインをすでに実装しているなら、残るWeb App ManifestとService Workerの2つを設定する事で実現可能です。
モバイルコーディング
 ウェブアプリマニフェスト
 Service Worker の紹介