Voici un tuto en vidéo pour vous aider à améliorer la performance de votre site. Cette formation sur les bases de la performance web est proposée par Damien Jubeau, CEO de DareBoost, société spécialisée dans l'audit et le conseil pour la performance web.
Saviez vous qu'une seconde de temps de chargement supplémentaire peut représenter :
- une perte de 7% sur le taux de conversion.
- une chute du nombre de pages vues de 11%.
- une baisse de la satisfaction des visiteurs de 16%.
Au programme de ce tuto améliorer la performance de votre site web :
Dans ce tuto, nous verrons dans un premier temps quelques chiffres supplémentaires pour se convaincre des enjeux de la performance web. Nous découvrirons ensuite 10 bonnes pratiques à respecter pour un site rapide :
- Optimisation des images (choix du format, compression, palettes de couleurs, suppression des méta données).
- Création de sprites (concept, exemple et outils).
- Minification des CSS & Javascripts (concept, impact, outils, obfuscation).
- Politique de cache (principe, cache client, cache intermédiaire, headers HTTP : Expires, Cache-Control, Etag, If-Modified-Since, CDN).
- Externalisation des CSS & Javascripts (concept, fusion de fichiers).
- Compression Gzip (concept et gains, erreurs à éviter).
- Erreurs et redirections (théorie, données, impacts).
- Déporter le Javascript (pourquoi le javascript est bloquant, 3 solutions à la loupe).
- Domaine Sharding (explications sur la parallélisation, technique à mettre en place, cookie-less).
- Optimiser les contenus avant la ligne de flottaison.
Ce tuto présente ensuite quelques outils de diagnostic des performances web, qui vous permettront très rapidement de positionner votre site par rapport aux bonnes pratiques abordées.
Bonus : découverte de quelques données sur l'évolution des performances web avec httparchive.org
Prérequis :
Pour la bonne compréhension de ce tuto, il est souhaitable d'avoir quelques notions de HTML, CSS et JavaScript. Connaître les grands principes des communications web est préférable (client/serveur, requête/réponse), mais il n'est pas nécessaire de maîtriser le protocole HTTP.
Table des matières de cette formation Performance (durée : 2h37m)
-
Introduction
- Introduction à la performance d'un site web 00:08:15
-
10 Techniques pour rendre son site plus rapide
- 01 - Optimisation des images 00:09:23
- 02- Sprites CSS 00:06:06
- 03 - Minification JS/CSS 00:08:51
- 04 - Politiques de cache 00:19:28
- 05 - Externaliser le CSS et JSS 00:04:15
- 06 - Gzip (compression) 00:02:58
- 07 - Erreurs et redirections 00:16:18
- 08 - Déporter le javascript 00:16:18
- 09 - Domain Sharding 00:16:18
- 10 - Above the fold 00:16:18
-
Bonus
- 11 - Outils et diagnostic 00:16:18
- 12 - State of the web 00:16:18
- QCMaccéder
- Certificat
Formateur : Damien Jubeau
-
J'aurai aimé voir plus de cas pratiques notamment sur la compression Gzip et l'optimisation des header HTTP. Le son et le montage des vidéos est à revoir...
-
Déçu ! Bien sûr, on apprend des choses intéressantes mais cette "formation" est un listing de pratiques pour la performance web. Pas de cas concrets , d'exercices ou d'exemple de mise en place réelle. Il est répété plusieures fois dans les vidéos qu'il s'agit d'une introduction (en effet, ça l'est) mais ce n'est pas indiqué dans le descriptif du tuto où vous parlez de Formation. Le cut pour le chapîtrage est mal fait et, peut-être que ça vient de mon player, il y a des gros bugs dans les vidéos.
-
Très intéressant comme tuto, et primordial pour le web d'aujourd'hui et de demain je suis d'accord là-dessus. Un gros - pour les vidéos également, y a pas de raison ! Un tuto sur le monitoring, c'est possible ou ça n'intéresse que moi ?
-
Avec quelle version de logiciel ce tuto est-il compatible ?Performance
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés