Meteor building app takes about 35minutes, is it normal?

acqsk · March 21, 2021, 11:25pm

Hi, I would like to ask, if Meteor (middle size react app) building time about 30minutes in Gitlab shared runners is normal /I’m calculating only real building time without time to build docker container, without npm install and etc./.

On my 4-years old notebook with Ubuntu20.04, 32GB RAM and i7, in localhost, building time is about 7minutes.

I also tried to connect my virtual server with 6CPU cores and 8GB memory to Gitlab Shared runners, the building time is also about 30minutes.

5minutes of building is ok, but 30min? It’s too much I think.
How long takes an app building in your case? What I can do to make building faster?

Thanks a lot for each help.

zodern · March 22, 2021, 12:06am

It shouldn’t take 30 minutes. I wrote a blog post about how to optimize it for CI: Optimizing CI for Meteor, but even without those optimizations it shouldn’t be that slow. To know why it is slow, you can set the METEOR_PROFILE env var to 100. While Meteor builds the app, it will log how long each step in the build process took.

coagmano · March 22, 2021, 4:48am

How much memory are the runners configured to use?

Meteor builds tend to be RAM intensive and if there’s not enough, will slow down with agressive swapping to disk.

acqsk · March 22, 2021, 7:00am

Im goying to try it and I will let you know.

acqsk · March 22, 2021, 7:01am

Runners are currently set to 8GB RAM // WRONG INFO

Runners are currently set to 24GB RAM and 8 CPU cores. Yesterday I was trying to build app with this runner, but after 30minutes, I manually stopped building.

acqsk · April 25, 2021, 10:19am

Hi @coagmano, I’m really sorry for the later answer. I buyed a new server for the runner with the latest generation of Xeon 2245 and 256GB ECC RAM, I’m using only native Ubuntu 20.04 and Docker /no virtual or nothing else/ - the building is taking now about 6min., it’s much better, but still I think, that this is not normal.

Because, I have enough RAM, I set the gitlab-runner to use a ramdisk, but still the building is taking about 5-6min.

Thanks a lot for your help.

acqsk · April 25, 2021, 10:24am

Hi @zodern, as I written to @coagmano, I changed the runner server for the new one, with latest Xeon 2245 and 256GB ECC RAM, the building takes about 6 minutes, but it’s still a long time.

By your recommendation, I used the METEOR_PROFILE env variable and I’m sending the result:

===========

LIST OF NPM PACKAGES…

===========

“dependencies”: {
“@analytics/google-analytics”,
“@analytics/google-tag-manager”,
“@babel/runtime”,
“@progress/kendo-drawing”,
“@progress/kendo-licensing”,
“@progress/kendo-react-dateinputs”,
“@progress/kendo-react-dialogs”,
“@progress/kendo-react-dropdowns”,
“@progress/kendo-react-form”,
“@progress/kendo-react-charts”,
“@progress/kendo-react-indicators”,
“@progress/kendo-react-inputs”,
“@progress/kendo-react-intl”,
“@progress/kendo-react-layout”,
“@progress/kendo-react-listview”,
“@progress/kendo-react-notification”,
“@progress/kendo-react-progressbars”,
“@progress/kendo-react-treeview”,
“@progress/kendo-react-upload”,
“@progress/kendo-theme-material”,
“@progress/kendo-ui”,
“@sentry/integrations”,
“@sentry/node”,
“@sentry/react”,
“@sentry/tracing”,
“analytics”,
“bcrypt”,
“body-parser”,
“bootstrap”,
“cldr-core”,
“cldr-data”,
“cldr-dates-full”,
“cldr-numbers-full”,
“crypto-js”,
“daterangepicker”,
“diacritics”,
“google-libphonenumber”,
“hammerjs”,
“iban”,
“intersection-observer”,
“intl-tel-input”,
“jquery”,
“lodash-es”,
“mathjs”,
“md5”,
“meteor-node-stubs”,
“multer”,
“nexmo”,
“pc-bootstrap4-datetimepicker”,
“popper.js”,
“qrcode”,
“random-unique-number”,
“react”,
“react-dom”,
“react-html-parser”,
“react-intl-tel-input”,
“react-mounter”,
“react-phone-number-input”,
“react-top-loading-bar”,
“simpl-schema”,
“swiper”,
“wkhtmltopdf”,
“wordpress-hash-node”
},
“devDependencies”: {
“babel-eslint”,
“babel-preset-es2015”,
“browserslist”,
“eslint”,
“eslint-plugin-babel”,
“eslint-plugin-css-modules”,
“eslint-plugin-meteor”,
“eslint-plugin-react”,
“eslint-plugin-react-hooks”,
“eslint-plugin-react-svg”,
“eslint-plugin-security”,
“jsdoc”,
“jsdoc-md”,
“jsdoc-to-markdown”
},

===

METEOR PACKAGES

===

meteor-base@1.4.0 # Packages every Meteor app needs to have
mobile-experience@1.1.0 # Packages for a great mobile UX
mongo@1.10.0 # The database Meteor supports right now
reactive-var@1.0.11 # Reactive variable for tracker
tracker@1.2.0 # Meteor’s client-side reactive programming library

standard-minifier-js@2.6.0 # JS minifier run for production mode
es5-shim@4.8.0 # ECMAScript 5 compatibility for older browsers
ecmascript # Enable ECMAScript2015+ syntax in app code
shell-server@0.5.0 # Server-side component of the meteor shell command

momentjs:moment
accounts-ui@1.3.1
accounts-password@1.6.2
universe:i18n
fourseven:scss
alanning:roles
meteorhacks:ssr
email@2.0.0
ostrio:flow-router-extra
meteorhacks:picker
matb33:collection-hooks
session@1.2.0
http@1.4.2
accounts-google
accounts-facebook
react-meteor-data
ostrio:logger
ostrio:loggermongo
ostrio:base64
seba:minifiers-autoprefixer
dynamic-import
typescript
jquery
static-html

====

Meteor version 1.11.1

The meteor_js_resource file with using dynamic imports have 742kB.