Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobile Web Performance

Mobile Web Performance

5a810a7779b19a5ac9e6cffa8531eee6?s=128

Timothée Peignier

June 18, 2012
Tweet

Transcript

  1. Un site web mobile m.20minutes.fr

  2. contraintes léger, rapide et versatile

  3. léger  RAM 256-1024 Mb CPU 600Mhz-1.4Ghz

  4. léger Servir une version compressé Servir le strict nécessaire 

  5. django-pipeline concatenation + compression (js, css, html) + template js

    https://github.com/cyberdelia/django-pipeline léger
  6. rapide 100-500ms de latence 200kb/s-800kb/s en téléchargement 

  7. Limiter le nombre de requêtes Tricher sur les interactions rapide

  8. rapide  Donner une impression de rapidité

  9. versatile   Une seule implémentation pour tous les terminaux

  10. versatile Servir la version la plus légère par défaut Pouvoir

    servir pour n’importe quelle taille (images, vidéos, etc.)
  11. versatile     Tester, tester, tester.

  12. le récap’ léger RAM/IO rapide Edge / 3G versatile Screen

    / OS
  13. performance mesurer et réagir

  14. mesurer  applicatifs infrastructure logs notifications

  15. mesurer  applicatifs + infrastructure statsd/graphite ou librato boomerang ou

    new relic metric ou metriks ou metrology https://github.com/cyberdelia/metrology
  16. mesurer 

  17. mesurer  logs

  18. mesurer  notifications à toute l’équipe

  19. réagir  Métriques importantes à portée Date et contenu du

    dernier déploiement
  20. réagir  Visualiser les problèmes et leur résolutions

  21. réagir  Avoir un accès direct aux erreurs

  22. le récap’ tout mesurer réagir en fonction

  23. Merci beaucoup (ne soyez pas timide, posez une question) @cyberdelia