AMP HTML : étude SEO et Technique #amphtml avec @SpeedCurve et #PageSpeed


banniere data seo labs

AMP HTML est un nouveau format HTML avec des restrictions fortes au niveau de JavaScript qui sera majoritairement absent. Il s’agit principalement de promouvoir un standard Open Source pour construire des pages allégées.

Pour le gain de performances, AMP HTML est mis en cache par des CDN (content delivery networks ) sur les serveurs de Google pour accélérer l’accès aux contenus.

Google AMP se déploie à grande vitesse et j’ai étudié les performances de cette nouvelle technologie et son mode de déploiement.

Je suis parti du premier article sur le Washington Post
https://www.washingtonpost.com/politics/hillary-clintons-debate-performance-complicates-bidens-path/2015/10/14/28e0fe94-729b-11e5-ba14-318f8e87a2fc_story.html

Lançons un PageSpeed Insight pour voir les performances de la page :
https://developers.google.com/speed/pagespeed/insights/

ScreenShot003

La page se présente comme étant peu optimisé.

Désormais étudions le code source pour voir comment il indique le format AMP
En fait, ils ont simplement déployé une balise amphtml avec l’url optimisé au format AMP

<link rel= »amphtml » href= »https://www.washingtonpost.com/amphtml/politics/hillary-clintons-debate-performance-complicates-bidens-path/2015/10/14/28e0fe94-729b-11e5-ba14-318f8e87a2fc_story.html« />

Relançons un PageSpeed sur cette nouvelle url  et effectivement les performances sont au rendez-vous.

ScreenShot001

Analyse SEO

Analyse Technique

Méthologie SpeedCurve
Désormais avec SpeedCurve, un excellent outil de monitoring, étudions plus en détail le fonctionnement de ce nouveau format.
https://speedcurve.com

Etude du SpeedIndex
Le Speed Index représente le temps moyen auquel les parties visibles d’une page sont affichées. Il est exprimé en millisecondes et dépend de la taille du « view port ».
Le Speed Index affiche d’excellents résultats.

ScreenShot005

Etude du cache
Tout le contenu est en cache et la durée la plus basse est sur l’HTML pour environ 30 minutes, ce qui permet des mises à jour rapide sur un article.
Ensuite, le javascript est mis en cache pour une durée de 1H et tout le reste pour une durée d’un mois.

ScreenShot009

Comparatif entre la version AMP et sans AMP
Sur ce cas précis, la page au format AMP est 377% plus rapide que la page classique.

amp comparatif

amp classement

Conclusions
Google va privilégier ce nouveau format sur Mobile pour 2016 donc il convient rapidement d’étudier sa mise en oeuvre.
Selon les technologies, ce format sera plus ou moins difficile à déployer mais il a le très grand avantage d’être Open Source.

Bonus : Le validator AMP est d’ailleurs très simple à utiliser, vous devez juste indiquer : #development=1 à l a fin de l’url et vous rendre dans le debugger de Chrome qui indique le bon fonctionnement ou les erreurs le cas échéant.

ScreenShot011

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *