Ignite GeekFtour - Optimisation des performances du web
-
Upload
mohammed-bensoltana -
Category
Technology
-
view
886 -
download
3
description
Transcript of Ignite GeekFtour - Optimisation des performances du web
Optimisation des performances du webPar Mohammed Bensoltana
samedi 11 août 12
Petit constat
evolutionoftheweb.com
samedi 11 août 12
Le web au Maroc c’est beau!
samedi 11 août 12
C’est beau! Mais...
5.63s1.56MB86req
2.79s1.74MB157req
37.57s2.14MB116req
3.70s4.66KB62req
5.72s2.03MB114req
6.16s2.77MB198req
5.07s3.72MB124req
8.67s3.6MB138req
13.31s2.66MB275req
11.17s2.49MB211req
6.64s2.72MB159req
4.27s1.47MB179req
samedi 11 août 12
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
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
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
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
Meet PageSpeed & YSlow!
Outils d’analyse des performances des pages web et de suggestions d’optimisations
YSlow! par Yahoo!developer.yahoo.com/yslow
PageSpeed par Googledevelopers.google.com/speed
samedi 11 août 12
Let’s analyze!
samedi 11 août 12
Technique 1 : Réduire le nombrede requêtes
samedi 11 août 12
Technique 2 : Content Delivery Network
samedi 11 août 12
Technique 3 : Compression des images avec ImageOptim
224kb16.7mln couleurs
34kb64 couleurs
samedi 11 août 12
Technique 4 : Utilisation des CSS Sprites
samedi 11 août 12
Modules d’optimisation
samedi 11 août 12
Résultats d’optimisation
- 50% en moyenne de temps de crawl par Google
samedi 11 août 12
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
What’s next?
Make it green!
samedi 11 août 12
What’s next?
Make it responsive!
samedi 11 août 12
Merci pour votre attention!
Let’s keep in touch ;)@simobenso
samedi 11 août 12