Je vais écrire un article sur l’impact de différent types de contenus embarqués dans une page web sur sa vitesse de chargement. L’élément qui sera testé sera ajouté dans le cadre ci-dessous, et la page sera ensuite scannée par des outils d’évaluation de la performance web.
Le contenu embarqué :
Contenu ajouté ici.
La conclusion de ce test peut être lu à cette page.
Et voici ci-dessous l’ensemble des contenus testés (ils ont été testés un par un, mais collés ici tous ensemble pour information).
1. Le bloc texte
Résultats #WebPerf pour 3 pages similaires du même site sur #Lighthouse :
- la première embed un insert http://gapminder.org/tools/
- la seconde embed une vidéo Youtube et un tweet
- la dernière n’a que des images
Gros impact du JS sur le #TimeToInteractive et #TotalBlockingTime
2. L’image optimisée
3. L’image non optimisée
