PWA n'est pas pour tout le monde

Dans les commentaires de mon article précédent sur les travailleurs des services , il a été suggéré que PWA sur les ordinateurs de bureau est une petite chose utile . Il y a environ six mois, j'ai compris comment attacher la PWA Vue Storefront aux magasins sur la plate-forme Magento et j'ai aimé la façon dont cette application fonctionnait intelligemment sur mon ordinateur par rapport à l'interface Web d'origine. Mon expérience personnelle a montré que PWA sur les ordinateurs de bureau a une bonne perspective, mais approfondir le sujet a montré que le collègue @sumanai, avec son refus de PWA sur les ordinateurs de bureau, avait raison.

Hors ligne

Quelle est la caractéristique principale des applications Web progressives?

Capacité à travailler hors ligne.

Cette capacité est principalement pertinente pour les appareils mobiles (smartphones et tablettes) et, dans une certaine mesure, pour les ordinateurs portables. Les ordinateurs de bureau sont presque toujours dans la zone d'un Internet fonctionnel stable.

Entrée sortie

Au niveau de la saisie ("écran tactile" versus "clavier + souris") et de l'affichage des informations (taille d'affichage en pouces), les appareils peuvent être divisés en deux grands groupes:

  • smartphones et tablettes

  • ordinateurs portables et ordinateurs de bureau

Interfaces Web

Les navigateurs modernes offrent une variété d' API pour les applications Web , dont la plupart fonctionnent pour les deux groupes d'appareils. Néanmoins, ces trois interfaces sont pertinentes spécifiquement pour les smartphones / tablettes:

IndexedDB

"" (, service worker') Cache API, offline IndexedDB. (MySQL, Postgres, Oracle, MongoDB, ...) (IndexedDB).

online- . - IndexedDB - . offline - , .

SEO

" service worker' web-" PWA:

:

  • : (HTML/CSS/JS) - ( ), service worker';

  • API: , (DB) (IndexedDB);

PWA - native apps . Native apps , ( + ) App Store Google Play, API ( offline/online ). , API- native apps. web- , () , .

PWA - , , native apps .

PWA offline, , online- .

/ (-, -) /. ("") - / /. , UX.

PWA , , Google.




All Articles