miTT PWA (Progressive Web App) für Joomla

A PWA can have different uses, the advantages as a mobile installable app, but also desktop applications. As a unique feature miTT PWA for Joomla offers full control over the setting of the Cache, Network First, Cache First, Cache Exceptions and Static Cache, as well as the individual design of the offline page.

If you choose miTT PWA (Progressive Web App for Joomla) the key feature is the management of the cache. This function and other features will be expanded in the future.

Documentation describes the process of how to set up the plugin so that you can take advantage of its benefits. For the necessary steps for installation there is a video: How to set up a mobile App in Joomla with miTT PWA (Progressive Web App)?

For questions or help please contact the Support . The Joomla miTT PWA Plugin is listed in JED (Joomla Extensions Directory).

With Joomla to the mobile web app (PWA)

As soon as the user with an Android smartphone goes to the web page, the browser will display a notice if you want to add the web page to the start screen. After clicking, a new pop up is generated to add this PWA to the device.

Depending on your browser, this message may not appear until after a repeated call. The Google Chrome Browser also displays an "Install Button" in the browser input line on the right side of the desktop.

It would also be possible to place a separate "install button" on the website or mobile web app to trigger the installation of the Progressive Web App.

iOS Install Banner (PWA)

On iOS, no automatic banners are displayed for installation, and there is no button installation option yet. This is remedied by a note banner, which points out the installation possibility of the PWA (Progressive Web App). If no installation hint is desired, the "Install Prompt" of the PWA can also be prevent or create your own Install Button.

Start the Joomla PWA (Progressvie Web App) on Android and iOS

Like any app, this is started by "touching" the icon you have previously configured in the Joomla Plugin. When you open the app, a splash screen with logo and background will appear as usual, which is configured via the plugin.

For viewing the actual app, different views can be set, from "fullscreen", "minimal-ui", "standalone" or "browser".

App Shortcuts

App shortcuts are shortcuts to quickly access parts of the app in the PWA.
The user can access the app shortcuts either by right-clicking the desktop application or by force touch on the Android smartphone. (Support from Chrome Version 84)

Web App Info

After the installation you cannot distinguish how the app was installed on Android. The app mutates accordingly to the native app.

The usual App-Info screen is displayed with information, memory usage and notification per week, as well as the possibility to uninstall.

Optimal performance for the user

miTT PWA for Joomla supports the cache API of the browser. The Service Worker takes care that static files, images, webfont and the content of the pages are put into the "Service Workers" cache of the browser. This cache is static and performant and is also controllable in contrast to the "memory cache" of the browser.
You can choose between Network First, Cache First or depending on the quality of the effective Internet connection for loading the page contents. This makes this PWA component unique and guarantees an optimal performance for the visitor.

Better offline experience with Periodic Background Sync of the mobile Joomla App (PWA)

In the case of regularly changing content, such as news, it can be useful to update content in the background. In this way, the user always has access to the latest content if there is no or poor Internet connection. The user of the mobile web app does not notice anything here, but can enjoy the content available offline. Another feature that gives the PWA a native app feeling.

This feature is currently supported by browsers based on Chromium. These include Chrome and Microsoft Edge.

More articles about PWA (Progressive Web App)