WordPress PWA の解説

プログレッシブウェブアプリ(PWA)は、開発者がサイト訪問者の体験を向上させるために活用できるいくつかの利点があります。

PWA の利点

  • オフラインモード:
    訪問者は以前に訪問したサイトを再訪できます。PWAがサイトのバージョンをオフラインアプリとしてユーザーのブラウザに保存するためです。キャッシュに似ていますが、ユーザーが訪問したページだけではありません。多くの場合、サイト全体が含まれます。
  • アプリのような体験: PWAは軽快で、ウェブサイトをページごとに閲覧するよりも、ネイティブアプリのような体験を提供します。
  • パフォーマンスの向上:
    アプリのような体験とオフラインモードに加えて、サイトのリピーターは、より高速にサイトにアクセスして閲覧できるようになります。ただし、最初のアクセス時のみ、PWA体験に必要なすべてのファイルをロードする必要があるため、時間がかかる場合があります。
  • プッシュ通知: PWAでは多くのことができ、プッシュ通知はそのうちの1つにすぎません。このような機能は利用可能ですが、設定する必要があることに注意してください。
    他のWordPressプラグインを使用する場合でも、カスタム関数を作成する場合でも、すべて可能ですが、設定が必要です。
  • HTTP/2: プログレッシブウェブアプリは、Shifterユーザーが当社が提供する HTTP/2の利点をより多く活用するのに役立ちます。これは「レンダリングブロック」を解消し、サイト訪問者がサイトからアセットを一度にダウンロードできるようにする機能です。
    大きなCSS ファイルもインライン化する必要はありません。HTTP/2 とPWAを使用すれば、ブラウザがサイトの残りの部分をダウンロードするのをブロックすることはありません。

Shifter + PWA + WordPressに関する FAQ

  • PWA は自動的に追加または有効になりますか?
    いいえ。これは、XWP によって作成された PWA WordPressプラグインを追加することで、オプトインする必要があります。
  • なぜ他の WordPress プラグインではなく、この特定のWordPress プラグインなのですか?

    このプラグインは、WordPressコアとの統合の可能性が最も高い候補です。

設定方法については、サポートドキュメント WordPress で Shifter 上にプログレッシブウェブアプリを作成する方法をご確認ください。