Skip to content

Test Webpack performance in CI

Lukas Eipert requested to merge leipert-test-performance-in-ci into master

What does this MR do and why?

This MR is purely a test-MR to test a matrix of options:

  • vue@2.6 + vue-loader@15.9 vs. vue@2.7 + vue-loader@15.10
  • esbuild vs terser minification
  • WEBPACK_REPORT (bundle sizes) enabled vs disabled
  • hot cache vs cold cache
  • And each of those three times!

Here are the results (from https://gitlab.com/gitlab-org/gitlab/-/pipelines/624139958/builds)

Loader / Vue ESBUILD_MINIFIER WEBPACK_REPORT Run Cache status Duration
vue-loader-2.6 FALSE FALSE a Cold 860
vue-loader-2.6 FALSE FALSE a Hot 351
vue-loader-2.6 FALSE FALSE b Cold 827
vue-loader-2.6 FALSE FALSE b Hot 323
vue-loader-2.6 FALSE FALSE c Cold 853
vue-loader-2.6 FALSE FALSE c Hot 351
vue-loader-2.6 FALSE TRUE a Cold 1048
vue-loader-2.6 FALSE TRUE a Hot 554
vue-loader-2.6 FALSE TRUE b Cold 1062
vue-loader-2.6 FALSE TRUE b Hot 559
vue-loader-2.6 FALSE TRUE c Cold 1084
vue-loader-2.6 FALSE TRUE c Hot 560
vue-loader-2.6 TRUE FALSE a Cold 1050
vue-loader-2.6 TRUE FALSE a Hot 371
vue-loader-2.6 TRUE FALSE b Cold 447
vue-loader-2.6 TRUE FALSE b Hot 416
vue-loader-2.6 TRUE FALSE c Cold 1262
vue-loader-2.6 TRUE FALSE c Hot 393
vue-loader-2.6 TRUE TRUE a Cold 670
vue-loader-2.6 TRUE TRUE a Hot 665
vue-loader-2.6 TRUE TRUE b Cold 732
vue-loader-2.6 TRUE TRUE b Hot 851
vue-loader-2.6 TRUE TRUE c Cold 1103
vue-loader-2.6 TRUE TRUE c Hot 619
vue-loader-2.7 FALSE FALSE a Cold 928
vue-loader-2.7 FALSE FALSE a Hot 391
vue-loader-2.7 FALSE FALSE b Cold 991
vue-loader-2.7 FALSE FALSE b Hot 402
vue-loader-2.7 FALSE FALSE c Cold 892
vue-loader-2.7 FALSE FALSE c Hot 362
vue-loader-2.7 FALSE TRUE a Cold 1089
vue-loader-2.7 FALSE TRUE a Hot 553
vue-loader-2.7 FALSE TRUE b Cold 1033
vue-loader-2.7 FALSE TRUE b Hot 529
vue-loader-2.7 FALSE TRUE c Cold 1089
vue-loader-2.7 FALSE TRUE c Hot 562
vue-loader-2.7 TRUE FALSE a Cold 543
vue-loader-2.7 TRUE FALSE a Hot 600
vue-loader-2.7 TRUE FALSE b Cold 529
vue-loader-2.7 TRUE FALSE b Hot 442
vue-loader-2.7 TRUE FALSE c Cold 486
vue-loader-2.7 TRUE FALSE c Hot 581
vue-loader-2.7 TRUE TRUE a Cold 694
vue-loader-2.7 TRUE TRUE a Hot 768
vue-loader-2.7 TRUE TRUE b Cold 712
vue-loader-2.7 TRUE TRUE b Hot 865
vue-loader-2.7 TRUE TRUE c Cold 1396
vue-loader-2.7 TRUE TRUE c Hot 568
Edited by Lukas Eipert

Merge request reports