How to profile webpack build time beyond --profile? - performance

I tried using --profile flag and discovered that one of my modules took 5.5 seconds, only being 19KB. This is suspicious, but how can I investigate further why it took so long?

Related

How to increase the load time of a Ionic4 project when initial render?

For my project, I have used Ionic with Angular. When my ionic project first renders then the load time was too slow. This problem occurs because when the project first renders then it takes time to load all the js files. So how I can load the 'js' file faster which will increase the load performance of my ionic project. If anyone knows the better reason why the load time is that much slower then please tell me the reason and the solution.
Because you are running in debug mode
in debug mode load time will be 7-8 secs
in prod mode it will be reduced to 4-5 secs
Also need to follow good practices while coding
Try to follow these links and tools in the link Angular Performance Checklist

Very heavy bundle size of react development website

I am creating a react website. Its almost ready but when I am debugging it, its load time is 1.2 Minutes and bundle size is 28 MB.
I have tried following solutions without success so far:
https://medium.com/#rajaraodv/two-quick-ways-to-reduce-react-apps-size-in-production-82226605771a#.qfpspcha4
https://hackernoon.com/optimising-your-application-bundle-size-with-webpack-e85b00bab579#.t3vabgy27
How to minimize the size of webpack's bundle?
Did you try changing your devtool setting? I believe inline-source-map is the reason for the large file size. More info on the different devtool settings here. For production I personally use devtool:'cheap-module-source-map' and have great success with it. I hope this help some, webpack can sure be frustrating at times.
Also to have a lighter dev build I would suggest to use devtool:'eval', It's probably the most efficient as far as development goes.

Heroku timeout with custom Buildpack

I have a custom Heroku Buildpack that compiles CMake and OpenCV. The problem is, OpenCV takes FOREVER to compile. I've tried precompiling OpenCV and pulling it in during my build; however, I have not yet been successful in doing so.
I recently came across the COMPILE_TIMEOUT=n env variable that can be set to override the 15 minute timeout, but it's not working. Does anyone know if this env is still supported? Or if there is another approach besides precompiling?
I would ideally like to have the flexibility of compiling on the fly if I update to the latest version of OpenCV (compilations are cached on Heroku so I'm not waiting around for a full build on every deploy).
I think your best shot would be to build your binaries beforehand. However, Heroku still doesn't have great support for this.
See these links for some suggestions:
https://discussion.heroku.com/t/compiling-a-custom-binary-for-buildpack/224
https://discussion.heroku.com/t/opencv-and-statically-compiled-python/105
Pre-compiling binaries is the way to go; however, it requires time and effort that I'd rather avoid. I reached out to Heroku and they were willing to increase our build time to 30 minutes. Unfortunately, 30 minutes was still not enough to compile OpenCV. The Heroku team was kind enough to Anvil which happens to be the same build service that runs on Heroku. Looks promising!
https://github.com/ddollar/heroku-anvil

How to speedup Yeoman's grunt serve task?

When testing realtime changes to my app using the grunt serve It takes between 6 to 10 seconds for the changes to show/update in the browser.
I used grunt serve --verbose to check for what task takes more time than other and found the folowing tasks consume most of the load time (in descending order);
concurent:server
grunt-contrib-imagemin
grunt-karma
grunt-google-cdn
Since I don't use cdn I removed it from Gruntfile.js but it still called; which is a bit confusing :( so I removed it also from the package.json and it disappeared.
So my questions are.
How to speed up the grunt serve to reload the browser instantly? but also preserve all "juice" of useful tasks (minify, uglify, imagemin..) when using grunt build.
Why when I disable a task on Gruntfile.js it still loads?
Thanks :)
Apparently, this post: Grunt LiveReload is really slow discusses the same problem and I believe it solves it. I'm yet to try it out and update this post if it helps.

Why does meteorite take so long to load? 1.2 MB

Why does the first load of my meteorite site take so long to load? (www.jasperlu.com). It seems like most of the loading time is being taken up loading .map files or sockets. Is there a way to speed this up tremendously?
You're not using your site in production mode. Remember you should bundle your project up and not just use meteor to get it running. Using meteor is for development only.
See https://www.eventedmind.com/feed/okpzbuNSspDf6tPiy for a screencast on how to do this step by step.

Resources