JSFoo is the annual JavaScript conference hosted by HasGeek. The Pune edition is the second edition (JSFoo in Pune in 2012, and ReactFoo in January 2018).
HasGeek launched JSFoo in 2011 as India’s first JavaScript conference. The JS community in India has grown phenomenally since then. JavaScript now prevades every aspect of web development - browsers, apps, front-end, back-end, mobile and IoT, and there’s always scope to understand new ideas and solutions. The conference explores new ideas, implementing innovative solutions, and learning from experiences, especially negative ones.
Want to see the talks from last year’s conference? Watch the JSFoo 2018 videos or the related ReactFoo 2018 videos.
AB
Atishay Baid
@atishaybaid
Performance Feat. Webpack
Submitted Sep 30, 2018
Section:
Full talk
Technical level:
Intermediate
I believe that performance is a must for modern websites and web-based business, hence this talk will be focused on understanding performance, and how the latest version of webpack and its great plugin systems addresses a lot of concerns,we will cover the following techniques
- Lazy loading JavaScript
- Removing unused code with tree shaking
- Pre-fetching assets
- Dynamic code splitting
We will see how JavaScript rendering engines works, how code is getting parsed in some of the popular browser engines.and how we can reduce the compilation and execution timing.We will also see how much performance cost a new TCP connection make.
Outline
-
Performance Introduction
- Introduction to performance
- What to expect in this talk
- Importance of measurement
- Common Misconception
-
Cost of JavaScript
- Looking into how Browsers parses JavaScript
- How we can Reduce the parse Time
- Scope of Optimizations
-
Optimization with webpack
- Performance focus of webpack especially version 4
- Lazy loading strategies
- Code splitting strategies for CSS and JS
- Prefetching
- Split chunk plugins
- Other plugins for performance tuning
-
A brief look into some of the case studies,where these techniques improved a lot of performance
-
Conclusion QnA and About me
Speaker bio
I am Frontend engineer Currently working With BirdEye,Recenlty I had involed in solving some of the major performance challanges,hacking a lot on webpack,and help people solve performance challenges.
https://twitter.com/atishaybaid
https://www.linkedin.com/in/atishay-baid-7b17a447
Links
- https://www.youtube.com/watch?v=Mog63UzTqP8&t=93s
- https://www.youtube.com/watch?v=HQkvv9IfC_I&t=166s
Slides
https://speakerdeck.com/atishaybaid/performance-feat-webpack
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}