DaftPlug

<p>Progressify is an all-in-one plugin that empowers your website with Progressive Web App (PWA) features, to make it faster, smoother, and feel like a real app. Let users install your site on their home screens and increase engagement, repeat visits, and sales.</p>
<h3>🚀 Turn your site into Progressive Web App</h3>
<ul>
<li><strong>Add to Home Screen</strong> – Let users install your site on their home screens in seconds, giving it a true app-like experience.</li>
<li><strong>Installation Prompts</strong> – Prompt users to install with banners, popups, overlays, buttons, or QR codes.</li>
<li><strong>App-like UI Components</strong> – Seamlessly integrate features such as loaders, pull-to-refresh, dark mode, navigation tabs, and more.</li>
<li><strong>Push Notifications</strong> – Send push notifications manually or automatically to users’ devices to drive them back to your site.</li>
<li><strong>Offline Usage</strong> – Keep your site available and accessible for users, even without an internet connection.</li>
<li><strong>Advanced Web Capabilities</strong> – Easily enable advanced Web API features such as periodic background sync, content indexing, and more.</li>
<li><strong>Usage Tracking & Analytics</strong> – Gain complete analytics on your web app, including how many users install and use it, which devices they’re using, and more.</li>
<li><strong>Easy Configuration</strong> – Easily configure and customize every aspect of your PWA features directly from the user-friendly settings.</li>
<li><strong>Generate Mobile Apps (Pro)</strong> – Optionally create real-time Android and iOS apps that mirror your website and publish them to app stores.</li>
</ul>
<h4>🗝️ Countless More Features</h4>
<p>Progressify offers a wide range of state-of-the-art features and seamlessly integrates them into your website, delivering a smooth, app-like user experience:</p>
<ul>
<li><strong>Display Settings</strong>: Display and startup behavior</li>
<li><strong>Offline Settings</strong>: Offline cache and capabilities</li>
<li><strong>Navigation Tab Bar</strong>: Bottom navigation tab bar</li>
<li><strong>Dark Mode</strong>: Dark theme mode toggle</li>
<li><strong>Pull Down Refresh</strong>: Pull-down to refresh gesture</li>
<li><strong>Skeleton Loader</strong>: Page skeleton loading animation</li>
<li><strong>Smooth Page Transitions</strong>: No-reload page changes</li>
<li><strong>Toast Messages</strong>: Popup toast notifications</li>
<li><strong>Share Button</strong>: Device native share button</li>
<li><strong>Background Sync</strong>: Fetch data in background</li>
<li><strong>Vibrations</strong>: Haptic feedback on tap</li>
<li><strong>Screen Wake Lock</strong>: Prevent screen dimming and locking</li>
<li><strong>Idle Detection</strong>: Detect inactivity and prompt updates</li>
<li><strong>Shake Refresh</strong>: Shake to refresh gesture</li>
<li><strong>Autosave Forms</strong>: Persist values to prevent data loss</li>
<li><strong>Countless more features and options…</strong></li>
</ul>
<h3>🎉 PWA Success Stories</h3>
<p>PWA is actively implemented by big companies and they see amazing improvements regarding the performance and conversions</p>
<ul>
<li><strong>+150% User Traffic</strong>: Trivago saw a 150% rise in engagement from home screen users, leading to a 97% increase in hotel offer click-outs.</li>
<li><strong>+76% Total Conversions</strong>: AliExpress upgraded to a PWA and saw a 76% boost in conversions and a 30% rise in monthly active Android users.</li>
<li><strong>+44% Ad Revenue</strong>: Pinterest new PWA boosted user-generated ad revenue by 44% and core engagement by 60%.</li>
<li><strong>+90% Storage Efficient</strong>: Tinder native application was a whopping 30MB, but after transitioning to a PWA, they reduced the file size to just 2.8MB.</li>
</ul>
<h4>⚡ Smart Features, No Hassle</h4>
<ul>
<li><strong>No Coding Required</strong>: The plugin offers ready-made, fully configurable features, enabling advanced web APIs without any technical expertise.</li>
<li><strong>Live Updates</strong>: Updates with fixes, new features and improvements are automatically pushed to your WordPress website.</li>
<li><strong>High Quality</strong>: The plugin is built with a modular design, ensuring fast, reliable performance without frequent bugs and failures.</li>
<li><strong>Support</strong>: Get support in the support forum from friendly professionals ready to answer your questions.</li>
</ul>
<h4>🌐 Fully Translatable</h4>
<p>Progressify supports multiple languages, typography options, and RTL layouts. It’s fully translatable via POT files using tools like Poedit and Loco Translate and is compatible with WPML, Polylang, TranslatePress, Weglot, and more.</p>
<h4>🔌 Compatible with All Themes &  Plugins</h4>
<p>Progressify works out-of-the-box with any WordPress setup, theme, or plugin. Whether you’re running a blog, e-commerce store, forum, portfolio, membership site, or news portal, it integrates seamlessly without requiring extra configuration.</p>
<h3>External services</h3>
<p>This plugin connects to external services to provide specific functionality. Below is a complete list of the services, what they do, when they are used, and what data may be transmitted.</p>
<ul>
<li>
<p>Workbox CDN (storage.googleapis.com)</p>
<ul>
<li>Purpose: Loads Google’s Workbox service worker library so the offline cache and routing strategies can function.</li>
<li>What is sent and when: The browser downloads a static JavaScript file (workbox-sw.js) when the service worker is installed/updated. No user data is sent by this plugin as part of that request.</li>
<li>Provider: Google. Terms: https://policies.google.com/terms — Privacy: https://policies.google.com/privacy — Workbox: https://developer.chrome.com/docs/workbox/</li>
</ul>
</li>
<li>
<p>WordPress.com MShots (s0.wp.com)</p>
<ul>
<li>Purpose: Generates a screenshot (thumbnail) of your site’s start page used by the plugin for the offline fallback page background and for certain preview/icon generation cases.</li>
<li>What is sent and when: The browser requests a static image from https://s0.wp.com/mshots/v1/ with your site URL included in the query string plus viewport parameters. As with any HTTP request, the visitor’s IP address and user agent are sent by the browser to the CDN. No additional user-specific data is sent by this plugin.</li>
<li>Provider: Automattic (WordPress.com). Terms: https://wordpress.com/tos — Privacy: https://automattic.com/privacy</li>
</ul>
</li>
<li>
<p>GeoJS (get.geojs.io)</p>
<ul>
<li>Purpose: Resolves a visitor’s IP address to a country name/code for anonymous PWA analytics (Dashboard) and push subscriber metadata.</li>
<li>What is sent and when: The visitor’s IP address is looked up server‑side on first PWA open and when a user subscribes to push notifications. The response is used to store country information only.</li>
<li>Provider: GeoJS. Website/Docs: https://www.geojs.io/ — Privacy: https://www.geojs.io/privacy/</li>
</ul>
</li>
<li>
<p>OneSignal SDK Worker (cdn.onesignal.com)</p>
<ul>
<li>Purpose: If the OneSignal plugin is active, the service worker imports OneSignal’s web push SDK worker to enable that plugin’s push features.</li>
<li>What is sent and when: Requests the OneSignal SDK worker file. Any subsequent data flows are governed by the OneSignal plugin/account configuration.</li>
<li>Provider: OneSignal. Terms: https://onesignal.com/terms-of-service — Privacy: https://onesignal.com/privacy</li>
</ul>
</li>
<li>
<p>Webpushr Service Worker (cdn.webpushr.com)</p>
<ul>
<li>Purpose: If the Webpushr plugin is active, the service worker imports Webpushr’s worker to enable that plugin’s push features.</li>
<li>What is sent and when: Requests the Webpushr worker file. Any subsequent data flows are governed by the Webpushr plugin/account configuration.</li>
<li>Provider: Webpushr. Terms: https://www.webpushr.com/terms-of-service — Privacy: https://www.webpushr.com/privacy-policy</li>
</ul>
</li>
</ul>
<p>Notes:<br />
– OneSignal and Webpushr integrations are conditional and only load if those plugins are active on your site.<br />
– Web push delivery uses the standard browser push endpoints associated with each subscription (e.g., services operated by browser vendors). The specific endpoint domain varies per browser and is not controlled by this plugin.</p>
<h3>Source Code and Build Instructions</h3>
<p>This plugin uses modern tooling (Tailwind CSS and esbuild) to produce minified assets for distribution. The human‑readable source code is included in the plugin:</p>
<ul>
<li>Admin JS and CSS source: <code>assets/_src/</code></li>
</ul>
<p>Build prerequisites: Node.js and npm.</p>
<p>Basic development build:</p>
<ol>
<li>Install dev dependencies.</li>
<li>Build assets in development mode.</li>
</ol>
<p>Third‑party libraries used in compiled assets include:</p>
<ul>
<li>esbuild – https://esbuild.github.io/</li>
<li>Tailwind CSS – https://tailwindcss.com/</li>
</ul>
<p>The full, human‑readable sources for all minified files are present within the plugin as listed above. If you have any trouble locating sources, please open an issue in the WordPress.org support forum for this plugin.</p>


Progressify – All-in-One Progressive Web App (PWA)

Turn your site into an app-like PWA with install prompts, offline use, push notifications, and more to boost engagement, repeat visits, and sales.

Ryunosuke Shindo

<h3>About this plugin</h3>
<p>To make your WordPress website to PWA, this plugin make two files, “Manifest” and “ServiceWorker” in your website.<br />
Manifest file is a json file that has configurations of web applications.<br />
ServiceWorker is a JavaScript file that controls PWA’s functions.<br />
To start PWA, configure two files from configuration screen.</p>
<p>You can fine-tune the cache, such as expiration date, time and URL exclusion.<br />
By excluding the URLs, like a new arrival information,  data acquisition destination in Ajax, this plugin can keep PWA data fresh.<br />
You can set expire time of caches, then old cache will purged after specified time.</p>
<p>After version 1.1.2,<br />
Multi sites are supported.<br />
You can defer the PWA installation popup shown in browser default and add your own installation button on your sites.</p>
<h3>STEP1</h3>
<h4>Configure Manifest</h4>
<p>Prepare icon image file, image file must be png format.<br />
Make offline page, this page will cached with PWA installation and shown when PWA is offline.<br />
Setup manifest file from Manifest Configuration page.<br />
Image file will be resized to fit icon sizes automatically.</p>
<h3>STEP2</h3>
<h4>Configure ServiceWorker</h4>
<p>Setup ServiceWorker file from ServiceWorker Configuration page.</p>
<h3>COMPLETE!</h3>


PWA for WordPress

有効期限やURLでの除外などキャッシュの細かなコントロールができます。
新着情報のリストやajaxでのデータ取得先のURLなどをキャッシュから除外することで、サイトの鮮度を保ちながらPWAの恩恵を受けることができる。

Cache control

5分以内ででPWA化できました！
とても嬉しいです！

完成度が神レベル

PWA for WordPress makes your WordPress site to PWA (Progressive Web App) and makes control of PWA data caches easy.

Progressify – All-in-One Progressive Web App (PWA) vs PWA for WordPress