WP Manifestindependent plugin directory
manifest / performance / pwa-optimizer

PWA Optimizer

Add Progressive Web App sauce to WordPress !

by Tonjoo · github.com/tonjoo/pwa-optimizer · website

★ 1stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/tonjoo/pwa-optimizer/archive/refs/heads/master.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/tonjoo/pwa-optimizer ↗

gitignore

  • offline-page.html

Feature

  • Offline Mode
  • LazyLoad
  • Set App Name
  • Set Background Color
  • Set Theme Color

Web App Manifest

  • prefer_related_applications Specifies a boolean value that hints for the user agent to indicate to the user that the specified native applications (see below) are recommended over the website. This should only be used if the related native apps really do offer something that the website can't. Default: false

  • related_applications An array of native applications that are installable by, or accessible to, the underlying platform — for example, a native Android application obtainable through the Google Play Store. Such applications are intended to be alternatives to the website that provides similar/equivalent functionality — like the native app version of the website.

Avalable Shortcode

  • [pwa-optimizer-lazyload]

Shortcode Attribute

  • type (optional), image or iframe. (Default: image)
  • src (required), source
  • alt (optional), alt image attribute if type is image
  • id (optional), attribute id
  • class (optional), attribute class
  • style (optional), attribute style
  • width (optional), attribute width
  • height (optional), attribute height

Development & Testing Notes

To make sure expected changes on sw.js applied on your Chrome browser, please do one of two methods below after the changes:

Method 1:

  1. Open Inspect Element
  2. Select Aplication tab (inside >> button)
  3. Select "Service Workers" menu
  4. Check 'Update on reload`
  5. Refresh your page using Ctrl+F5

Method 2:

  1. Open Inspect Element
  2. Select Aplication tab (inside >> button)
  3. Select "Service Workers" menu
  4. Click update on desired service workers installed on your Chrome