AMP ou Responsive Web Design ?

Quelle est la différence entre l'Accelerated Mobile Pages (AMP) de Google et un site Web mobile responsive ou adaptif ?

Les pages mobiles accélérées (AMP) et la conception Web responsive (RWD) utilisent tous deux les mêmes éléments de base pour créer une page mobile: HTML, CSS et JavaScript. Alors, en quoi sont-ils différents ?

Tout d'abord, qu'est-ce que AMP?

Le projet AMP, lancé par Google, se concentre au développement d'une méthode hautement optimisée pour la diffusion de contenu sur des appareils mobiles. Ces «pages mobiles accélérées» utilisent un certain nombre de techniques d'optimisation pour des temps de chargement rapides. AMP est un moyen spécifique de créer des pages Web mobiles optimisées

En quoi AMP diffère-t-il du Responsive Web Design ?

Les pages mobiles accélérées et les sites Web responsive fonctionneront tous deux sur un terminal mobile, mais le projet AMP et le Responsive Web Design ont des objectifs différents.

Le Responsive Web Design est une méthode d'organisation et de conception d'un site Web afin qu'il fonctionne sur n'importe quel appareil, d'un ordinateur de bureau à un téléphone mobile. On pourrait dire que le RWD se concentre sur la flexibilité.

Le projet AMP est un framework conçu pour fournir des contenus aux utilisateurs mobiles le plus rapidement possible. Pour simplifier, le projet AMP se concentre sur la vitesse.

D'autres points sur lesquels AMP et RWD diffèrent

AMP peut fonctionner avec un site Web existant, Le Responsive Web Design (RWD) remplacerait un site Web existant

Il n'est pas nécessaire de remplacer un site existant pour utiliser l'AMP. Bien qu'il soit possible d'utiliser exclusivement le framework AMP, ce dernier peut également être ajouté à un site Web non responsive (ou responsive) existant, sans refonte. En revanche, la mise en œuvre du RWD nécessite une refonte du site Web, remplaçant ainsi un site Web existant.

AMP fonctionne actuellement avec du contenu statique alors que leResponsive Web Design (RWD) peut être utilisé pour tout type de site.

Pour l'instant, l'utilisation idéale pour AMP se résume aux articles au format texte, comme des actualités, des articles de blog, des pages d'information... LeResponsive Web Design (RWD) plus adapté pour des éléments comme des formulaires Web ou des applications personnalisées.

Comment AMP et RWD affectent l'expérience de l'utilisateur ?

En termes pragmatiques, une bonne expérience utilisateur est une bonne chose pour les entreprises. Offrez une bonne expérience utilisateur et les utilisateurs seront plus susceptibles de faire confiance à votre marque, de s'engager avec votre site.

L'algorithme de recherche de Google est conçu pour favoriser les sites Web qui offrent une bonne expérience utilisateur. À cette fin, Google a identifié deux indicateurs principaux pour une bonne expérience utilisateur sur mobile : le soi-disant test "mobile-friendly" et la vitesse.

LeResponsive Web Design (RWD) peut aider à fournir un site mobile convivial, mais il échoue souvent en terme de vitesse.

AMP, d'autre part, a été conçu de manière à être hautement optimisé pour la vitesse et l'expérience des utilisateurs mobiles. Comme cité plus haut, le projet AMP a été créé par Google, il nous donne une définition très claire de ce qu'est une expérience rapide et optimisée pour les mobiles. Ceux qui comptent sur Google pour le trafic du site, prennent note.

Est-ce que mon site Web a besoin de pages mobiles accélérées ?

AMP résout un problème très spécifique : livrer des contenus publiés compatibles avec les mobiles aussi rapidement que possible. Pour les sites Web proposant essentiellement des contenus textes aux utilisateurs mobiles, AMP fournira probablement une meilleure expérience utilisateur et ce, plus rapidement, que toutes autres techniques. Cependant, AMP n'est pas assez complet pour les sites Web qui utilisent des formulaires Web et des fonctionnalités JavaScript personnalisées.

Pour revenir à la question initiale, AMP ou Responsive Web Design, je dirais que cela dépend de l'endroit où vous vous situez dans votre projet ainsi que les ressources que vous avez à disposition. Encore une fois, AMP peut se greffer sur votre site existant, qu'il soit déjà responsive ou non. D'autre part, le Responsive Web Design nécessitera une refonte du site.