Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

HTML5 : Optimisation des flux de production

Tester les performances

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Passez à la dernière étape qui est incontournable. Cette étape consiste à vérifier les performances d'exploitation du site. Différents outils vous aideront dont celui que vous allez découvrir ici.
02:43

Transcription

Enfin, une fois que tout est en place, et qu’on est en production, on va mettre tous les indicateurs au vert, placer notre site en ligne, et on va devoir le tester. Alors pour ça, je vous invite à passer vers des testeurs comme WEBPAGETEST, par exemple, sur lequel il suffira de taper votre url. Donc je vais taper par exemple birnou.net, voilà, ici. Pensez à choisir le test, le location le plus proche de l’endroit où vous travaillez, où vous, vous allez distribuer votre site. Donc ici, ça peut être par exemple soit en Allemagne, soit ici en Belgique, voilà. Vous validez, OK. Vous présentez sur les différents types de navigateurs principaux de votre cible clientèle. Vous pouvez réaliser plusieurs tests chaque fois, et vous lancez les tests. Alors, pendant que le test se réalise, on va laisser le test se mettre en place ici. Ici, je vous invite aussi à regarder du côté de npm. Vous avez un gulp-webpagetest, qui permet de travailler avec directement, et de tester. Et vous avez besoin d’utiliser une clé API pour cela. Alors je n’ai pas voulu utiliser la même clé API, pour des histoires de compte, que celle que j’utilise en production. J’ai fait une demande, et je n’ai pas pu obtenir de clé de test, pour pouvoir m’en servir durant cette formation. Je vous invite à faire les tests vous-même. Vous me direz ce qu’il en est. S’il y a quoi que ce soit, rejoignez-moi sur puce-et-média.com ou sur le Twitter. Faites-m'en part, et on fera les tests ensemble. Et puis, vous avez une super documentation ici sur le site de Google, ici où vous avez tous les petits réglages et paramétrages ad hoc, qui vont vous permettre de pouvoir récupérer ces informations. Voilà, pendant qu’on parlait, les tests se sont déroulés. Ici vous avez l’ensemble des pages, de résultats que vous allez pouvoir obtenir par catégorie. Donc vous avez tous les détails sur les chargements, sur les utilisations que vous avez, les temps de requête, etc., les performances que vous allez utiliser. Est-ce que vous allez utiliser l’intégralité des options que vous pouvez avoir sous le capot, comme l’utilisation de cdn, l’utilisation de cash control, etc. Tout ça, c’est passé au crible, et ça vous donne un résultat qui vous permet de pouvoir optimiser là où vous sentez que ça pourrait coincer. Alors vous avez un système de lettre qui est assez intéressant ici, qui est que dans les lettres ici, ça vous donne le grade que vous avez obtenu : A, c’est très bien, F, c’est très mauvais. Donc généralement c’est vert et rouge, et ça vous donnera. Alors sur le site de birnou.net, sur la première page il y a rien. Et en plus il y a un bloqueur de script qui fait que automatiquement ça a un peu donné quelque chose de pas probant. Mais vous voyez comment on va pouvoir tester des pages. Et je vous invite donc à le tester avec gulp, et surtout à revenir vers moi si vous avez un souci de paramétrage. Vous allez voir, avec tout ce qu’on a fait jusqu’à présent, en gulp et en grunt, vous devriez pouvoir vous en sortir.

HTML5 : Optimisation des flux de production

Optimisez vos flux de production lors de vos développements en HTML5. Explorez les méthodes et les éléments essentiels à la mise en place de processus automatisés.

5h29 (62 vidéos)
Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Date de parution :26 déc. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !