Du make it work au make it fast : des quickwins pour booster votre application !

Conference

wm

Track : Web, JS, HTML5 & UX

Niveau de la présentation : beginner/novice

Horaire : Friday 15:00 15:45

Résumé de la présentation :

“Out of the box, webpack fait le café ! React c’est génial ; Uber, Airbnb, …, tout le monde l’utilise, avec ça le front de ton appli va être dingue !”. Ce sont plus ou moins les phrases que j’ai pu entendre auprès des équipes des quelques projets sur lesquels j’ai eu l’occasion de travailler, et c’est vrai, ça marche. Ça marche même très bien. Mais au fait, qu’est ce que ça signifie “ça marche” ? Pourquoi mon application affiche-t-elle systématiquement un loader à son démarrage ? Pourquoi la version web de reddit me transfère-t-elle 16Mo de data avec pas moins de 236 requêtes rien que sur la page d'accueil ? Est ce qu'un "web instantané" est possible ? Je vous propose plusieurs optimisations simples à mettre en place pour enfin maîtriser le contenu affiché sur vos applications web et ainsi bluffer vos futurs utilisateurs.

Mots clés: front performance bundling

Room name is available few days before the conference.

Jonathan Hervieux Jonathan Hervieux

Jonathan est souvent pressé par le temps. La faute à une compilation un peu lente ou une pipeline trop longue, dira-t-il... Ne lui dites surtout pas que ça ne vient pas des outils mais plutôt de son PC avec … 2Go de RAM ; ça l’énerverait... et il commencerait à pester contre les gens qui trouvent que “16Go aujourd’hui, c’est la norme”. On raconte qu’une fois, son PC a freezé sur la page d’accueil de sa toute première appli. Depuis, il paraît qu’il ne parle que d’opti, de perf, de conf ou de htop.