bundlebloat

Calling out websites that have misconfigured webpack

[bundlebloat @bundlebloat]

hey @WIRED you are shipping a development version of #reactjs on your homepage, your app-shell.js bundle is unminified w/ lots of whitespace and comments: https://t.co/8m38x5eIlK weighs 1.94MB, https://t.co/5Cgva7vLxV could load faster for your users w/ the right #webpack config!

[bundlebloat @bundlebloat]

hi @CreateSpace @amazon your main JS bundle on https://t.co/RxUFwb1dBC isn't optimized for production, check your env vars in your build pipeline to ensure NODE_ENV === 'production': https://t.co/1tnb2pThKE

[bundlebloat @bundlebloat]

hi @MicrosoftEDU @MSAUedu @Microsoft on https://t.co/9HQbNnfNhP the #javascript file https://t.co/1Uzdob2IzE isn't properly minified. It's 3.1MB — you can cut that in nearly half if you use a tool like https://t.co/aIfWurnOI1 to remove whitespace and comments from you bundle

[bundlebloat @bundlebloat]

Kon'nichiwa! @takaratomytoys あなたのウェブサイトhttps://t.co/SIqAYq3m2yがJavaScriptファイルhttps://t.co/OgNvtPzLHu のインラインソースマップを使用していることがわかりました。 Webpack devtoolを適切に設定すれば、2.3MBから359KBに大幅に削減できます！

[bundlebloat @bundlebloat]

dude @Battlefield @EA your website https://t.co/TxRP0jdzvP uses a #javascript file that is a whopping 11.9MB in file size: https://t.co/hgE1lpqBNr. Talk to your devs to run it through a minifier to remove comments and whitespace, you're wasting bandwidth and user device memory

[bundlebloat @bundlebloat]

yo @Zendesk @ZendeskOps the #javascript file https://t.co/INxPMWidtO used on https://t.co/ZLCbQDSnuD is not minified for production, it has unnecessary whitespace and comments. Potential savings of over 1.4MB per user if you use a tool like uglifyjs to minify properly #frontend

[bundlebloat @bundlebloat]

damn @outeast your main app bundle on https://t.co/TA0a6fqB1k is 10.6MB: https://t.co/t8ExOtl3ur. It's built for development (see the comments and inline source maps). If you can afford a house in the Hamptons then you can afford to hire someone who can config #webpack correctly

[bundlebloat @bundlebloat]

that file is also being used on https://t.co/sJSDtCl1UG, https://t.co/et1VNofNyz, https://t.co/6Y0q29fZP0, https://t.co/QrZKo0CaZt, and https://t.co/hzcvmcZmAm @Colgate @ColgatePalmoli

[bundlebloat @bundlebloat]

hey @Colgate your homepage https://t.co/cH4eLGj0Zf references the file https://t.co/XnIbHdsVOd which is 4.4MB b/c it is unminified and has inline source maps. Talk to your #webdevelopers about properly building it for production

[Steven ⬢ @styfle]

Avoid @bundlebloat with a "size" badge for you npm package ⚖️📦

🔜front-end package: https://t.co/6VsX06OGSq
🔙 back-end package: https://t.co/AKHM74Ixoe

🛡️More badges at https://t.co/T6MGg9LH9w

[bundlebloat @bundlebloat]

looks like @SoundHound has $100M in funding but they don't know how to configure their #webpack build for production: https://t.co/sFlskDmA0w is 2.19MB and contains the development build of #React #SoundHound

[bundlebloat @bundlebloat]

hey @YaleSOM @Yale visitors of https://t.co/N63cGDl3Ie could load your page faster (and you could save bandwidth!) if you minified this 3.1MB #javascript file: https://t.co/DtfbA7ywr3, it has tons of comments and inline source maps so check your #webpack config

[bundlebloat @bundlebloat]

yo @hipages your #javascript on https://t.co/8H3tKes3NJ is using the dev build of #React, bloating the size of your #frontend assets. See all the whitespace & comments in this 2.8MB file: https://t.co/cJtVNs6nP3 check your #webpack config to build #reactjs for production

[bundlebloat @bundlebloat]

hey @nardotrealtor your site https://t.co/wqZiMmpgdB has unminified #javascript assets, this file is > 4.9MB https://t.co/X1d0G1C81y stripping the whitespace and comments would make your site load significantly faster for your visitors #frontend

[bundlebloat @bundlebloat]

hey @PayPal @AskPayPal @braintree your 2.6MB production #javascript file is unminifed at https://t.co/0Pdnrjo6ll, see all the whitespace and comments here: https://t.co/zlMf5NrzHn ? You could shave off 1.2MB by using #uglify

[bundlebloat @bundlebloat]

sup @marketo your main bundle on https://t.co/JCHcZa2rYy is 2.8MB. You're using inline source maps in production — using external source maps will shave off 1.7MB alone. Notice all the base64 comments: https://t.co/NoW9I8R6QL google #webpack #devtools for more info

[bundlebloat @bundlebloat]

Wow CNN too: @CNNMoney @CNN @cnnmoneybrk you are using the development version of #React in production — this 1.7MB file https://t.co/uONFRhqzz8 from e.g. https://t.co/x06rxoyPJm is unminifed and contains lots of comments and whitespace #javascript #webpack #reactjs #frontend

[bundlebloat @bundlebloat]

hi @EnergySysCat your website https://t.co/pqcoFfeyKJ is using the development version of #React, your JS has inline source maps and lots of eval statements: https://t.co/KlHC1XowPM read https://t.co/zCAUU9Q1KY for more info #reactjs #webpack

[bundlebloat @bundlebloat]

hey @GoogleForEdu any reason why you're using the development version of #Angular in production at https://t.co/fCyAKv3BIj ? Seems like you could replace `angular.js` with `angular.min.js` for an easy win #google #angularjs #javascript file in question: https://t.co/OGn0bj0eK4

[bundlebloat @bundlebloat]

yo @DockerCon @Docker check your #frontend #devtool setting for https://t.co/u8ylXy6FJY, https://t.co/DrKNBCXpZ9 is 2.8MB and has inline source maps, increasing TTI (time-to-interactive) for all your visitors #dockercon