Progressive Web Apps, PWAMP : Qu’est-ce que c’est ?

Partager sur facebook
Partager sur google
Partager sur twitter
Partager sur linkedin
PWAMP, AMP, PWA

Quelque part, vous avez certainement déjà entendu les termes Progressive Web Apps, PWA, AMP ou même le PWAMP.

Mais qu’est ce PWA, AMP ou PWAMP, vous ne savez pas précisément le sens de ces mots.

Vous allez voir dans cet article une petite explication pour vous aider à intégrer ces technologies dans votre stratégie marketing ou refonte de site web.

 

PWA, AMP, PWAMP : c’est quoi ?

Qu’est ce que AMP

Pour commencer, parlons de Google AMP.

AMP est une technologie conçue par Google pour les mobiles. Son rôle de AMP est de réduire le poids et ainsi augmenter la vitesse de chargement des pages web sur les appareils mobiles et sans consommer autant de data. Actuellement, cette technologie fonctionne particulièrement bien. En outre, de nombreuses mesures ont été mises en place pour faciliter la transition des sites vers cette technologie.

Pourtant AMP  est très difficile à appliquer à un site en entier car AMP n’est pas conçue pour cela.

PWAMP, AMP, PWA
AMP (acronyme de Accelerated Mobile Pages) est un nouveau format Open Source lancé par Google. Il accélère le chargement des pages web sur Smartphone.

Qu’est ce que une PWA ?

Ensuite, les PWA. Il s’agit d’une technologie similaire à l’AMP, mais qui est destinée à l’ensemble d’un site web. En effet, l’AMP fonctionne simplement en mettant en cache les ressources. Par contre, les PWA, eux, mettent en cache l’ensemble du site. De cette manière, le contenu va se charger quasi instantanément, et ce en grande partie hors connexion (à condition que vous avez déjà visité le site). Le rôle des PWA est ainsi de remplacer toutes les versions d’un site internet par une seule. Et ce, en gardant une même ligne directrice en termes de design et l’interface utilisateur.

PWAMP, AMP, PWA
Les PWA sont des applications web universelles qui offrent l’expérience d’une application native”. Selon la documentation PWA proposée par Google

Par ailleurs, Google propose une checklist permettant de voir si votre site est correctement mis en place en PWA.

En effet, les PWA sont des sites web pratiques réalisables via des langages basiques. Par contre, il en existe également d’autres langages ou framework que vous pouvez utiliser pour les PWA, qui intègrent une logique de composants.

Consultez la video ci dessus pour valider si vous avez besoin d’un PWA

PWA AMP

Enfin, c’est quoi un PWA AMP ? Premièrement, il faut noter qu’il s’agit d’un ensemble de deux choses bien différentes :

AMP + PWA = PWAMP.

En effet, il s’agit d’une technologie complémentaire pour votre site. En effet, l’AMP sert particulièrement pour les articles en bloquant le JavaScript. Ce qui n’est pas viable pour un site WordPress. Par contre, les autres pages de votre site, comme les formulaires en ont besoin de ce JavaScript, d’où l’importance des PWA.

Mettre en place le PWAMP : est-ce nécessaire ?

Le premier objectif de cette technologie est d’optimiser la navigation mobile. Actuellement, un site web important doit avoir au minimum une version desktop, une version responsive et si possible une version AMP de son site.

Par contre, cela représente de nombreux inconvénients. En effet, vous risquez de multiplier le coût du développement et de la maquette. Ensuite, vous aurez besoin de plusieurs accès pour la gestion et aussi pour l’utilisateur. Par ailleurs, chacune de vos versions peut avoir une apparence différente. Et ce n’est pas idéal en termes d’ergonomie. Ainsi, vous pouvez impacter l’expérience utilisateur négativement.

créer une progressive web app est une solution

Les PWA  et les PWAMP sont la solution:Cette technologie vous permet de réunir toutes les versions de votre site dans une seule version.

Ainsi, vous n’avez besoin qu’un seul développement pour votre site en gardant toujours les avantages des applications mobiles.

Pour y arriver, vous devrez penser a la refonte votre site depuis le début.

La mise en place de l’AMP est rapide 

Mettre en place le PWAMP sous WordPress : est-ce possible ?

En amont, WordPress n’est pas vraiment fait pour les PWA. Par contre, il existe des plug-ins, des thèmes qui fonctionnent de manière similaire sur WordPress. Par contre, ces derniers dépendent entièrement du corps de WordPress pour fonctionner.

D’autre part, un plug-in particulier propose un thème mobile PWA.

Avec celui-ci, la version desktop et la version mobile sont quasiment identiques. Pour cette raison, cette option peut ne pas être viable pour un PWA WordPress.

Soyons positif : vous pouvez faire  un site web WordPress PWA mais vous devrez respecter les bonnes pratiques indiquées par Google.

Google vous met à disposition son outil Lighthouse qui permet de valider les PWA.

PWA vs App : inconvénients

Un support incomplet

Les PWA ne sont pas généralement utilisables sur les anciennes  versions des navigateurs.

Les fonctionnalités disponibles ne sont pas les mêmes d’un navigateur à un autre : les fonctionnalités seront plus etendues sur Chrome que sur IOS.

Absence de l’App Store

Côté Apple, il sera donc impossible de faire référencer sa PWA dans l’App Store.

Pour vous faire aider dans la jungle des application n’hesitez pas a prendre rendez vous avec un de nos expert pour la refonte de votre site web

[hubspot type=form portal=4642069 id=4fd9b48c-7a90-4c79-8189-5e3865e449e3

Nous créons pour vous votre site Internet PWA

Confiez la réalisation de votre site Web PWA AMP à nos experts, vous gagnerez du temps et de l’argent.
Pour en savoir plus, appelez-nous au 0795573731

Cette offre est éligible à l’aide de l’État de 500 €* pour la digitalisation des petites entreprises.PWA 

 

Aide de l'etat francais
500euros etats-fr
Pierre-Luc GERVAIS
Go for it
Pierre-Luc GERVAIS

Pierre-Luc GERVAIS

Ingénieur EEA ,Pierre-Luc GERVAIS a debute en SSI chez Transiciel .Consultant SI pour de grands groupes Télécom ou bancaire (Cegetel, SFR , Euronext ). Fin 1990 Carriere aux USA ou jdans la logistique (UPS) et l’industrie automobile (Toyota),CRM) . Après une mission au sein d’une NGO à Madagascar, PLG a fondé une agence digitale en externalisation à Madagascar en 2008 Orion digital a adopte une démarche Inbound Marketketing l et est donc un partenaire de choix pour externaliser en toute sécurité votre transformation digitale . Nous sommes Hubspot Partner depuis 2018.

Orion Digital Business

Orion Digital Business est une agence digitale 60  en externalisation offshore a Madagascar depuis 2005 .

Vous avez besoins d’aide ?

Gardons contact sur LinkedIn

Vous pouvez aussi vous abonner a notre chaine Youtube

Articles Récents

Actualités Video