perf: defer application main JS chunks

[ragafus]

Description

The goal of this PR is to avoid network falls when downloading MC apps initial JS chunks (runtime and app bundles.See screenshots below).
By moving initial JS chunks to the HTML head and deferring them, we allow the browser to concurrently download the initial JS chunks and the initial CSS files.
We save ~60ms when cold loading a MC app.

You can use https://github.com/commercetools/merchant-center-frontend/pull/17738 to test the Webpack changes (I've patched @commercetools-frontend/mc-html-template in that branch of the monorepo).

Current Discount app

https://mc.europe-west1.gcp.escemo.com/sunrise-data-alex/discounts

DIscount app with this PR changes

https://mc-17738.mc-preview.europe-west1.gcp.escemo.com/sunrise-data-alex/discounts

[changeset-bot]

🦋 Changeset detected

Latest commit: 8ec2c9e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 36 packages

Name	Type
@commercetools-frontend/mc-html-template	Patch
@commercetools-frontend/mc-scripts	Patch
@commercetools-applications/merchant-center-template-starter-typescript	Patch
@commercetools-applications/merchant-center-template-starter	Patch
@commercetools-applications/merchant-center-custom-view-template-starter-typescript	Patch
@commercetools-applications/merchant-center-custom-view-template-starter	Patch
@commercetools-local/playground	Patch
@commercetools-backend/eslint-config-node	Patch
@commercetools-backend/express	Patch
@commercetools-backend/loggers	Patch
@commercetools-frontend/actions-global	Patch
@commercetools-frontend/application-components	Patch
@commercetools-frontend/application-config	Patch
@commercetools-frontend/application-shell-connectors	Patch
@commercetools-frontend/application-shell	Patch
@commercetools-frontend/assets	Patch
@commercetools-frontend/babel-preset-mc-app	Patch
@commercetools-frontend/browser-history	Patch
@commercetools-frontend/codemod	Patch
@commercetools-frontend/constants	Patch
@commercetools-frontend/create-mc-app	Patch
@commercetools-frontend/cypress	Patch
@commercetools-frontend/eslint-config-mc-app	Patch
@commercetools-frontend/i18n	Patch
@commercetools-frontend/jest-preset-mc-app	Patch
@commercetools-frontend/jest-stylelint-runner	Patch
@commercetools-frontend/l10n	Patch
@commercetools-frontend/mc-dev-authentication	Patch
@commercetools-frontend/notifications	Patch
@commercetools-frontend/permissions	Patch
@commercetools-frontend/react-notifications	Patch
@commercetools-frontend/sdk	Patch
@commercetools-frontend/sentry	Patch
@commercetools-frontend/url-utils	Patch
@commercetools-local/visual-testing-app	Patch
@commercetools-website/components-playground	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
mc-app-kit-playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 7, 2024 3:27pm
merchant-center-application-kit-components-playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 7, 2024 3:27pm

[emmenko]

Great find, thanks again for the contribution! 🙌

[tdeekens]

Nice find. Thanks!