1. Optimisation des
performances du web
Par Mohammed Bensoltana
samedi 11 août 12

2. Petit constat
evolutionoftheweb.com
samedi 11 août 12

3. Le web au Maroc c’est beau!
samedi 11 août 12

4. C’est beau! Mais...
5.72s 13.31s 8.67s 11.17s
2.03MB 2.66MB 3.6MB 2.49MB
114req 275req 138req 211req
5.63s 2.79s 37.57s 3.70s
1.56MB 1.74MB 2.14MB 4.66KB
86req 157req 116req 62req
6.16s 5.07s 6.64s 4.27s
2.77MB 3.72MB 2.72MB 1.47MB
198req 124req 159req 179req
samedi 11 août 12

5. Quelques chiffres...
๏ 47% des visiteurs s’attendent à ce qu’une
page web se charge en moins de deux
secondes
๏ 40% vont fermer la page web si son
chargement prend plus de trois secondes
samedi 11 août 12

6. Mais pourquoi optimiser au
juste?
๏ Pour une meilleure expérience utilisateur et
une meilleure satisfaction
๏ Pour réduire le taux de rebond
๏ Pour réduire la bande passante du site et ainsi
le cout de l’infrastructure
๏ Pour augmenter le taux de conversion pour les
e-commerçants
samedi 11 août 12

7. D’accord! Et ça consiste en
quoi?
๏ Mesurer les performances du site
๏ Définir comme but principal : avoir un site qui
se charge en moins de deux secondes
๏ Adopter les nouvelles technologies
(hébergement cloud, CDNs, répartition de
charges...)
samedi 11 août 12

8. Et Mr Google dans tout ça?
1%
des recherches sur Google sont touchées par
le facteur de vitesse de chargement pour le
positionnement des résultats
samedi 11 août 12

9. Meet PageSpeed & YSlow!
Outils d’analyse des performances des pages
web et de suggestions d’optimisations
YSlow! par Yahoo! PageSpeed par Google
developer.yahoo.com/yslow developers.google.com/speed
samedi 11 août 12

10. Let’s analyze!
samedi 11 août 12

11. Technique 1 : Réduire le nombre
de requêtes
samedi 11 août 12

12. Technique 2 : Content Delivery
Network
samedi 11 août 12

13. Technique 3 : Compression des
images avec ImageOptim
224kb
16.7mln couleurs
34kb
64 couleurs
samedi 11 août 12

14. Technique 4 : Utilisation des CSS
Sprites
samedi 11 août 12

15. Modules d’optimisation
samedi 11 août 12

16. Résultats d’optimisation
- 50% en moyenne de temps de crawl par Google
samedi 11 août 12

17. Résultats d’optimisation
Augmentation de plus de 100% dans le nombre de
pages crawlées par Google par jour !
samedi 11 août 12

18. What’s next?
Make it green!
samedi 11 août 12

19. What’s next?
Make it responsive!
samedi 11 août 12

20. Merci pour votre
attention!
Let’s keep in touch ;)
@simobenso
simo@soleniaris.ma
samedi 11 août 12