Optimisation des                    performances du web                    Par Mohammed Bensoltanasamedi 11 août 12
Petit constat                                    evolutionoftheweb.comsamedi 11 août 12
Le web au Maroc c’est beau!samedi 11 août 12
C’est beau! Mais...                     5.72s   13.31s    8.67s   11.17s                    2.03MB   2.66MB   3.6MB    2.4...
Quelques chiffres...                    ๏   47% des visiteurs s’attendent à ce qu’une                        page web se c...
Mais pourquoi optimiser au                    juste?                    ๏   Pour une meilleure expérience utilisateur et  ...
D’accord! Et ça consiste en                    quoi?                    ๏   Mesurer les performances du site              ...
Et Mr Google dans tout ça?                                       1%                    des recherches sur Google sont touc...
Meet PageSpeed & YSlow!                     Outils d’analyse des performances des pages                        web et de s...
Let’s analyze!samedi 11 août 12
Technique 1 : Réduire le nombre                    de requêtessamedi 11 août 12
Technique 2 : Content Delivery                    Networksamedi 11 août 12
Technique 3 : Compression des                    images avec ImageOptim                                      224kb        ...
Technique 4 : Utilisation des CSS                    Spritessamedi 11 août 12
Modules d’optimisationsamedi 11 août 12
Résultats d’optimisation                    - 50% en moyenne de temps de crawl par Googlesamedi 11 août 12
Résultats d’optimisation                    Augmentation de plus de 100% dans le nombre de                          pages ...
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 ;)                        ...
Upcoming SlideShare
Loading in...5
×

Ignite GeekFtour - Optimisation des performances du web

1,043

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,043
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
16
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Ignite GeekFtour - Optimisation des performances du web

    1. 1. Optimisation des performances du web Par Mohammed Bensoltanasamedi 11 août 12
    2. 2. Petit constat evolutionoftheweb.comsamedi 11 août 12
    3. 3. Le web au Maroc c’est beau!samedi 11 août 12
    4. 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 179reqsamedi 11 août 12
    5. 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 secondessamedi 11 août 12
    6. 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çantssamedi 11 août 12
    7. 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. 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ésultatssamedi 11 août 12
    9. 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/speedsamedi 11 août 12
    10. 10. Let’s analyze!samedi 11 août 12
    11. 11. Technique 1 : Réduire le nombre de requêtessamedi 11 août 12
    12. 12. Technique 2 : Content Delivery Networksamedi 11 août 12
    13. 13. Technique 3 : Compression des images avec ImageOptim 224kb 16.7mln couleurs 34kb 64 couleurssamedi 11 août 12
    14. 14. Technique 4 : Utilisation des CSS Spritessamedi 11 août 12
    15. 15. Modules d’optimisationsamedi 11 août 12
    16. 16. Résultats d’optimisation - 50% en moyenne de temps de crawl par Googlesamedi 11 août 12
    17. 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. 18. What’s next? Make it green!samedi 11 août 12
    19. 19. What’s next? Make it responsive!samedi 11 août 12
    20. 20. Merci pour votre attention! Let’s keep in touch ;) @simobenso simo@soleniaris.masamedi 11 août 12
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×