The Hitchhiker's Guide to the Front-End Performance

Published on Dec 6th 2018

Description

Optimizing applications to offer the best user experience isn't something trivial even for the most skilled front-end developers; given Murphy's law, browsers don't always know what critical resources they should load first, huge code bundles and users' slow network connections make them wait more seconds than they want to and, once the whole download is finished, we know that JavaScript can even take a few more seconds to process.

Thankfully there's a lot we can do to give our users a much better experience: preloading, prefetching, code splitting, common chunks, dynamic imports, service workers, web workers, JavaScript compile-time optimization and so on. Yet, in a world where all we hear is PWA hype driven development β„’, how these different pieces of the web interact to bring our users a real meaningful better experience is often not well understood, explained or put in practice.

In this talk I'll explain how to ship way faster front-end bundles and share a few general data-driven techniques and performance patterns learnt during my journey building geodata visualization platforms at scale focused on three aspects: faster loading times, better performance and smarter mobile data usage.

Events

TDC 2019 | Belo Horizonte

🌎 Belo Horizonte, Brazil

πŸ“ UniBH - Campus Buritis

πŸ—“οΈ June 14, 2019

πŸ‘₯ β‰ˆ 60 people audience

Natal Tech Conference

🌎 Natal, Brazil

πŸ“ Sebrae - RN

πŸ—“οΈ March 16, 2019

πŸ‘₯ β‰ˆ 100 people audience

TDC 2018 | Porto Alegre

🌎 Porto Alegre, Brazil

πŸ“ UniRitter

πŸ—“οΈ December 6, 2018

πŸ‘₯ β‰ˆ 60 people audience

Front In Fortaleza

🌎 Fortaleza, Brazil

πŸ“ Centro UniversitΓ‘rio 7 de Setembro

πŸ—“οΈ September 15, 2018

πŸ‘₯ β‰ˆ 150 people audience

Slides

2019

2018