Account
mittl medien | Webentwicklung in Stuttgart

miTT PWA (Progressive Web App) - Joomla as an App

Extension of the Joomla website with a Progressive Web App, installable and offline.

miTT PWA PUSH (Joomla) 1

miTT PWA
Progressive Web App
Joomla Plugin

With the miTT PWA Plugin for Joomla, the Joomla website mutates into an installable mobile and desktop application (Joomla App). "Appify" your Joomla website to an Android app, iOS App or Desktop Applikation, no matter if miTT PWA, miTT PWA FIRE PUSH or miTT PWA ONE PUSH.

miTT PWA

  • ✔️ installable on smartphone or desktop
  • ✔️ iOS Install banner
  • ✔️ install prompt Android
  • ✔️ own PWA nstallation button
  • ✔️ Time interval for the PWA update
  • ✔️ Background sync for posts (HTML) and images
  • ✔️ Installation statistics PWA
  • ✔️ Pull down to refresh
  • ✔️ Joomla 3 and Joomla 4 compatible
  • ✔️ Pull down to Refresh

Page speed optimisation

  • ✔️ Offline use
  • ✔️ Fallback Offline Page
  • ✔️ Cache First
  • ✔️ Network First
  • ✔️ Cache Strategie depends on the effective Network
  • ✔️ Static Cache
  • ✔️ CDN Support for external files
  • ✔️ Cache exceptions

Push Nachrichten

  • ✖️ no Support for push messages
Continue to buy!

miTT PWA FIRE PUSH

  • ✔️ installable on smartphone or desktop
  • ✔️ iOS Install banner
  • ✔️ install prompt Android
  • ✔️ own PWA installation button
  • ✔️ Time interval for the PWA update
  • ✔️ Background sync for posts (HTML) and images
  • ✔️ Installation statistics PWA
  • ✔️ Pull down to refresh
  • ✔️ Joomla 3 and Joomla 4 compatible

Page speed optimisation

  • ✔️ Offline use
  • ✔️ Fallback Offline Page
  • ✔️ Cache First
  • ✔️ Network First
  • ✔️ Cache Strategie depends on the effective Network
  • ✔️ Static Cache
  • ✔️ CDN Support for external files
  • ✔️ Cache exceptions

Push Nachrichten

  • ✔️ Firebase Cloud Messaging
  • ✔️ Sending push messages from the Joomla article
  • ✔️ K2, FLEXIcontent, Virtuemart Support
  • ✔️ Chrome, Firefox, Edge, Android, Windows, Linux, OSX
Continue to buy!

miTT PWA ONE PUSH

  • ✔️ installable on smartphone or desktop
  • ✔️ iOS Install Hinweis
  • ✔️ install prompt Android
  • ✔️ own PWA installation button
  • ✔️ Time interval for the PWA update
  • ✔️ Background sync for posts (HTML) and images
  • ✔️ Installation statistics PWA
  • ✔️ Pull down to refresh
  • ✔️ Joomla 3 and Joomla 4 compatible

Page speed optimisation

  • ✔️ Offline use
  • ✔️ Fallback Offline Page
  • ✔️ Cache First
  • ✔️ Network First
  • ✔️ Cache Strategie depends on the effective Network
  • ✔️ Static Cache
  • ✔️ CDN Support for external files
  • ✔️ Cache exceptions

Push Nachrichten

  • ✔️ One Signal Integration
  • ✔️ Sending push messages via One Signal Platform
  • ✔️ Chrome, Firefox, Edge, Android, Windows, Linux, OSX supported
Continue to buy!

Joomla as an App with miTT PWA

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. The PWA technology gives your Joomla website advantages such as cross-platform compatibility, independence from the app stores and better performance.

Table of Contents miTT PWA for Joomla

  1. Documentation miTT PWA
  2. Mobile Web App (PWA) in action
  3. iOS Installation Banner
  4. Open PWA on mobile device
  5. App Shortcuts
  6. miTT Wallet Messages
  7. Performance PWA
  8. Periodic Background Sync
  9. How to set up miTT PWA? - video
  10. Pull Down to Refresh PWA - video
  11. Why PWA in general? - video

mitt PWA Documentation

  1. General Documentation mitt PWA
  2. Documentation PWA FIRE PUSH
  3. Documentation PWA ONE PUSH

General Documentation describes the process of how to set up the plugin so that you can take advantage of its benefits. Advanced settings available at Documentation PWA FIRE PUSH or Documentation PWA ONE PUSH. 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 FAQ or contact the Support via Google Form. For general or pre-sales questions contact me via E-Mail. miTT PWA Plugin is listed in JED (Joomla Extensions Directory).

Joomla PWA installation - mobile App Joomla

With Joomla to the mobile web app (Android App)

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.

Continue to the PWA Joomla Plugins

iOS Installation Banner and Splash Screen (iOS App Joomla)

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). To install the PWA, add the website to Home Screen. A splash screen is also displayed when the app is opened if the app content cannot be loaded quickly.

Joomla miTT PWA (Progressive Web App) install
Install Joomla miTT PWA (Progressive Web App)

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)

Joomla miTT PWA (Progressive Web App) installieren
miTT Wallet Message Locked Screen

miTT Wallet Messages

With miTT Wallet Messages, push messages can also be sent to iOS devices. You can find out exactly how this works in this video .

Continue to miTT Wallet Messages

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.

Joomla miTT PWA (Progressive Web App) installieren
Joomla miTT PWA (Progressive Web App) installieren

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.

How to set up a mobile App in Joomla with miTT PWA (Progressive Web App)?

A short video on how to set up the miTT PWA plugin in Joomla.

Pull down to refresh your Joomla App

In this video, I show why it is an advantage to allow the user to refresh the mobile app.

JAB20 – Progressive Web App - Why should you use this technique, which possibilities do you have?

On the Joomla Conference JandBeyond I had a presentation about PWA. This lecture shows the possibilities of a PWA, as well as the technical functioning of a Progressive Web App.

Documentation miTT PWA

The setup of the Progressive Web App miTT PWA in Joomla

Read more...

FAQ miTT PWA

Frequently asked questions about miTT PWA - Progressive Web App for Joomla

Read more...

Documentation miTT PWA FIRE PUSH

advanced settings for miTT PWA FIRE PUSH

Read more...

Dokumentation miTT PWA ONE PUSH

advanced settings for miTT PWA ONE PUSH

Read More...

More articles about PWA (Progressive Web App)

Progressive Web App indispensable for any website?

A PWA offers many advantages over a classic website.

Read more...

Presentation Joomla Day

My presentation at the JoomlaDay in Vienna "Show me your Offline Page (PWA)" Vienna I will show the creation of a Progressive Web App using an example.

Read more...

Launch a Joomla PWA

Realization of the Progressive Web App with push messages in Joomla for a local authority.

Read more...

Scope of a PWA

The scope of the Progressive Web App can be defined when the service worker is registered.

Read more...