当サイトをPWAに対応させてみた

WordPress

こんばんは ここの管理人のフルムーンです

当サイトではWordPressを採用しています

バージョン5.0が登場したこともありこの機会にテーマをLuxeritasに変更してみました

最初は軽くなったと思っていましたが、

なんやかんやいじっているうちにまた重くなってきました……

サーバー代をケチっているので遅いのはそれもあるのですが何とかしたい

そこで設定からPWAに変更してみることにしました

ここでは設定のしかたとPWAとしてサイトを利用する方法を紹介します

ここのサイト重いから何とかしてほしいと困っているかたは最後まで見て頂けたらと思います

 

そもそもPWAとは

Progressive Web Appsの略でWebサイトでネイティブアプリのような体験を提供する仕組みです

Googleさんが策定しているようです

同じくGoogleが策定したAMPはJavaScriptを制限したりURLがGoogle上のものになりますが、PWAはそうではありません

URLはそのままでサイトもそのまま使えます

PWA化する

Luxeritasのテーマを使っている人はすぐにPWA化デキます

条件はサイトがSSL化していればそれでOK

カスタマイズ→PWAを選択しPWA有効化にチェックすればそれで有効になります

pwa

スマホでPWAの利用のしかた

おまたせしました

PWAを使用することでサイトを高速に利用できます

それではやり方を紹介します

環境:Android Chrome

スマホ

まずはスマホで通常どおりサイトを開きます

次に「ホーム画面に すまっくす を追加」を押します

インストール

追加を押すとダウンロードがはじまります

通知

ダウンロードが完了すると通知に表示されます

ホーム画面

そしてホーム画面にアイコンが追加されます

サイトにアクセスしたい時はアイコンをタップします

スプラッシュ

起動

スプラッシュが出終わるとサイトが表示されます

あとはいつもどおりサイトを閲覧できます

アンイストール

不要になったらアプリをアンイストールして捨てます

PWAは高速

使ってみればわかると思いますがPWAは普通にサイトを見るより高速です

よく見るサイトがあればPWAに対応しているか確認してみてください

そしてPWAとして利用すれば快適ですのでぜひ試してみてください

Posted by フルムーン