Sunday, 16 June 2019

Webpack Build Speed On 2013 vs 2018 Macbook Pro - Upgrading Computer For Node Dev

I debated upgrading my laptop for a long time before finally doing it - would it make that much of a difference for development? I finally did it and thought I'd post for anyone curious about if you really need a faster laptop for development, if it really makes much of a difference.I have a pretty large reactjs app. As you may know, every time you save, it can take a few seconds for webpack to compile. This wasn't an issue when I had a simpler app, but now that it's grown in complexity it was getting annoyingly slow.On my 2013 macbook pro retina (haswell 4258U 2.4Ghz dual core, 8GB Memory), it was taking 3-5 seconds every time I hit save to complete building before I could refresh my browser for testing, and this was with "parallel-webpack" and following several blogs on how to optimize development webpack build speed, it was previously a bit slower.3-5 seconds doesn't sound like a lot, but when you are hitting save hundreds of times per day for small changes, this adds up a lot and it was getting infuriating. You can spend more time waiting for builds than the few seconds it takes to see if your change worked.I recently upgraded to a 2018 refurbished 15" Macbook Pro (2.6 Ghz 6-core i7, 16GB memory). The webpack build process dropped down to 0.5 seconds. Feels super fast now. Hit save and instantly refresh. No waiting.The **bigger difference** now is that I can have more chrome tabs open when I'm looking for answers online without getting bogged down. Stack overflow isn't bad, but some articles full of ads made my computer chug. But the rapid build process is still a really nice improvement.

Submitted June 16, 2019 at 11:41PM by boon4376

No comments:

Post a Comment