Speaker Deck

Améliorer la Performance : entre réalité et ressenti

by Geoffrey Crofte

Published October 5, 2017 in Design

La performance est un élément central aujourd'hui, aussi bien pour permettre à son site web de mieux ressortir sur les résultats de recherche que pour satisfaire l'utilisateur et ne pas le frustrer pendant l'utilisation de votre site web. C'est principalement ce dernier point qui nous intéresse.

Votre site web peut respecter certains points essentiels de la performance d'un point de vue technique qui seront abordés durant cette conférence, mais au-delà de l'aspect purement technique des astuces en matière de design et d'ergonomie peuvent permettre d'améliorer le ressenti de performance de vos interfaces.

Ressources et bibliographie (slide présente dans la présentation) :
* Mobile Speed Matters (DoubleClick) : https://www.doubleclickbygoogle.com/articles/mobile-speed-matters/
* The perception of time (Smashing Mag) : https://www.smashingmagazine.com/2015/09/why-performance-matters-the-perception-of-time/
* Attention Span Statistics (Statistic Brain) : www.statisticbrain.com/attention-span-statistics/
* Getting Started with PWA (Google Devs) : https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/
* Cart Abandonment Rate (baymard.com) : https://baymard.com/lists/cart-abandonment-rate
* Étude sur la vitesse de défilement des barres de progression (Carine Lallemand) : https://www.researchgate.net/profile/Carine_Lallemand/publication/254002817_La_vitesse_de_defilement_des_barres_de_progression_influence-t-elle_la_perception_du_temps_d'attente/links/00b7d52cdafe307c9f000000/La-vitesse-de-defilement-des-barres-de-progression-influence-t-elle-la-perception-du-temps-dattente.pdf?origin=publication_detail
* Lighttpd solution serveur : https://www.lighttpd.net/
* Nginx solution serveur : https://www.nginx.com/
* G-Wan solution serveur : http://gwan.com/
* LazySizes: Lazyload et la technique de l’image de remplacement floue : https://github.com/aFarkas/lazysizes
* Credit Card IIN Ranges : https://baymard.com/checkout-usability/credit-card-patterns