Lazy load the developer dock

[florian-h05]

No description provided.

[relativeci]

Job #1385: Bundle Size — 15.92MiB (+0.59%).

1759712(current) vs 660b8f1 main#1384(baseline)

Warning

Bundle contains 16 duplicate packages – View duplicate packages

Bundle metrics   6 changes 2 regressions 2 improvements

	Current Job #1385	Baseline Job #1384
Initial JS	1.81MiB(-4.11%)	1.89MiB
Initial CSS	608.39KiB(-0.23%)	609.81KiB
Cache Invalidation	93.98%	93.97%
Chunks	217	217
Assets	683	683
Modules	3078(+2.19%)	3012
Duplicate Modules	236(+38.82%)	170
Duplicate Code	1.73%(+8.13%)	1.6%
Packages	152	152
Duplicate Packages	16	16

Bundle size by type   3 changes 3 regressions

	Current Job #1385	Baseline Job #1384
JS	9.36MiB (+0.7%)	9.3MiB
Other	4.78MiB (+0.56%)	4.75MiB
CSS	863.61KiB (+0.26%)	861.35KiB
Fonts	526.1KiB	526.1KiB
Media	295.6KiB	295.6KiB
IMG	140.74KiB	140.74KiB
HTML	1.23KiB	1.23KiB

---

View job #1385 report View florian-h05:lazy-load-developer-... branch activity View project dashboard

[florian-h05]

@ghys Lazy loading the developer dock/sidebar makes sense IMO as only admins can use it, and it saves us some initial JS.

[ghys]

It's certainly increasingly needed when the developer dock adds more and more features.
But I don't think it's taking a lot of initial JS, as there are no big library dependencies.

I think it's just this, bundle 13:

compared to the initial JS (in purple), that's nice to have but not critical.
Another idea would be to put it in the "admin" bundle? That would be bundle 16 here, in red on the top right:

But I'm fine with your proposal to create a new one :)

[florian-h05]

But I don't think it's taking a lot of initial JS, as there are no big library dependencies.

According to the RelativeCI bot it is around 80 KiB, which sounds quite nice to me.

Another idea would be to put it in the "admin" bundle? That would be bundle 16 here, in red on the top right:

I haven’t considered that, thanks for the suggestion! I’ll change that.

[florian-h05]

Looking at the latest report, I’m not sure whether it is now in bundle 16 and if not, how to put it there. I am now using the same webpack chunk name as for the admin pages: admin-base

[ghys]

Apparently it's now in the one with the add-on store:

[florian-h05]

Given the fact that the add-on store is using admin-base as chunk name as well, that looks good to me.

[ghys]

So be it!

I'd strive in general to limit the chunk fragmentation as we have plenty already (100+ chunks), the more we can combine some which will not be in the initial JS but related, the better, IMO.