WEBPACK IS TERRIBLE

Start using it

What a terrible website looks like?

Something like this???

How can webpack help?

Why Web Performance Matters: Is Your Site Driving Customers Away?

• The average user expects your site to load in less than two seconds.

• If your site hasn’t loaded in three seconds, you will have lost up to 40% of your viewers.

• Nearly one in five consumers expect a site to load “instantaneously.”

• The site was too slow to load

• The site crashed, froze, or threw an error

• The site was formatted in a way that was unreadable

• The site didn’t function as expected

• The site was unavailable

Who is responsible for this?

2013 Became a big player

• @petehunt evaluated webpack for instagram.co

2014 Pete Hunt (instagram.com)

2017 Its you?

What is load performance?

• Very very very important
• Number of http request
• Number of bytes downloaded

DEMO TIME

Setting up webpack

npm install --save-dev webpack

CODE SPLITTING