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 プラグインなのですか?

    まず、この PWA WordPress
    プラグインをサポートすることにしました。このプラグインは、WordPress
    コアとの統合の可能性が最も高い候補でもあります。それが実現したら、私たちは準備万端です!

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