Liste d’articles sur les performances frontend, javascript, rendering

Chez homair.com, nous travaillons actuellement beaucoup sur les performances Javascript  de notre site, notamment pour optimiser la vitesse de navigation sur mobile.

C’est une tâche complexe, car faisant intervenir un grand nombre de facteurs influençant la vitesse ressentie par l’internaute.

Temps réseau, parsing/compilation par le navigateur, rendering, animations, tous ces éléments peuvent s’optimiser mais parfois au prix de modifications fondamentale dans la façon de concevoir le site ou les pages.

Voici une liste d’article ultra-intéressants que je vous invite à lire, ça apporte beaucoup d’éclairages, notamment sur la connaissance interne du navigateur. C’est très orienté Chrome, mais ça s’applique à tous :

https://medium.com/reloading/javascript-start-up-performance-69200f43b201
https://developers.google.com/web/fundamentals/performance/rendering/optimize-javascript-execution
https://philipwalton.com/articles/why-web-developers-need-to-care-about-interactivity/

https://medium.com/outsystems-experts/how-to-achieve-60-fps-animations-with-css3-db7b98610108
https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations
https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing#avoid-forced-synchronous-layouts
https://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
https://jakearchibald.com/2013/solving-rendering-perf-puzzles/

https://marmelab.com/blog/2017/02/06/react-is-slow-react-is-fast.html