Add: variant for hosted site

[andres-blanco]

Related to #

Proposed Changes

TBD

Testing Instructions

Pre-merge Checklist

• Has the general commit checklist been followed? (PCYsg-hS-p2)
• Have you written new tests for your changes?
• Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
• Have you checked for TypeScript, React or other console errors?
• Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
• Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
• For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-aUh-p2)?

[github-actions]

Calypso Live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-106174

Jetpack Cloud live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-106174&env=jetpack

Automattic for Agencies live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-106174&env=a8c-for-agencies

[matticbot]

This PR modifies the release build for the following Calypso Apps:

For info about this notification, see here: PCYsg-OT6-p2

• editing-toolkit
• wpcom-block-editor

To test WordPress.com changes, run install-plugin.sh $pluginSlug add/variant-for-hosted-site on your sandbox.

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~474 bytes added 📈 [gzipped])

name                   parsed_size           gzip_size
entry-stepper              +2323 B  (+0.1%)     +445 B  (+0.1%)
entry-main                 +1786 B  (+0.1%)     +369 B  (+0.1%)
entry-login                +1114 B  (+0.0%)     +242 B  (+0.0%)
entry-subscriptions         +790 B  (+0.0%)     +179 B  (+0.0%)
entry-domains-landing       +747 B  (+0.1%)     +172 B  (+0.1%)
entry-browsehappy           +747 B  (+0.5%)     +172 B  (+0.4%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~39753 bytes added 📈 [gzipped])

name                             parsed_size           gzip_size
hosted-site-migration-flow          +44007 B    (new)    +7580 B    (new)
site-migration-flow                  +2605 B  (+6.3%)     +494 B  (+7.0%)
update-design-flow                   +1716 B  (+0.2%)     +220 B  (+0.1%)
with-theme-assembler-flow            +1576 B  (+3.0%)     +216 B  (+2.1%)
update-options-flow                  +1576 B  (+4.6%)     +214 B  (+4.5%)
trial-wooexpress-flow                +1576 B  (+4.1%)     +209 B  (+3.4%)
site-setup-flow                      +1576 B  (+2.8%)     +211 B  (+1.9%)
migration-signup                     +1576 B  (+3.9%)     +208 B  (+3.1%)
free-post-setup-flow                 +1576 B  (+4.6%)     +211 B  (+4.6%)
free-flow                            +1576 B  (+3.6%)     +216 B  (+2.8%)
entrepreneur-flow                    +1576 B  (+4.3%)     +212 B  (+3.7%)
assembler-first-flow                 +1576 B  (+2.6%)     +209 B  (+1.6%)
ai-assembler-flow                    +1576 B  (+2.6%)     +213 B  (+1.6%)
settings-podcast                      -515 B  (-0.1%)     -985 B  (-0.6%)
sites-dashboard                       +465 B  (+0.1%)    +1912 B  (+0.7%)
site-monitoring                       +465 B  (+0.0%)    +2224 B  (+0.7%)
hosting                               +465 B  (+0.0%)    +2502 B  (+0.7%)
github-deployments                    +465 B  (+0.0%)    +2368 B  (+0.8%)
import-hosted-site-flow               +424 B  (+0.1%)    +1864 B  (+0.8%)
import-flow                           +268 B  (+0.0%)    +1243 B  (+0.2%)
signup                                +216 B  (+0.1%)      +29 B  (+0.0%)
settings-writing                      -196 B  (-0.0%)    -1343 B  (-0.8%)
link-in-bio-tld-flow                  +190 B  (+0.0%)      +22 B  (+0.0%)
woocommerce-installation              +163 B  (+0.0%)     +406 B  (+0.3%)
plugins                               +161 B  (+0.0%)     +565 B  (+0.1%)
settings-performance                  +116 B  (+0.0%)      +94 B  (+0.1%)
settings-discussion                    -78 B  (-0.0%)     +905 B  (+0.7%)
plans                                  +76 B  (+0.0%)      +25 B  (+0.0%)
jetpack-app                            +76 B  (+0.0%)      +22 B  (+0.0%)
home                                   +76 B  (+0.0%)      +46 B  (+0.0%)
domains                                +76 B  (+0.0%)      +25 B  (+0.0%)
jetpack-cloud-plugin-management        +72 B  (+0.0%)     +385 B  (+0.1%)
people                                 +66 B  (+0.0%)     +923 B  (+0.5%)
themes                                 -52 B  (-0.0%)     -239 B  (-0.1%)
theme                                  -52 B  (-0.0%)     -212 B  (-0.1%)
checkout                               -52 B  (-0.0%)     -983 B  (-0.2%)
copy-site-flow                         +50 B  (+0.0%)      +10 B  (+0.0%)
jetpack-cloud-agency-sites-v2          +47 B  (+0.0%)      +66 B  (+0.0%)
a8c-for-agencies-sites                 +47 B  (+0.0%)      +61 B  (+0.0%)
backup                                 +38 B  (+0.0%)      +30 B  (+0.0%)
subscribers                            +34 B  (+0.0%)     +200 B  (+0.1%)
settings-newsletter                    -27 B  (-0.0%)     -129 B  (-0.1%)
scan                                   +20 B  (+0.0%)     -147 B  (-0.1%)
devdocs                                -15 B  (-0.0%)      +43 B  (+0.1%)
stats                                  +13 B  (+0.0%)      +26 B  (+0.0%)
media                                  +13 B  (+0.0%)     +425 B  (+0.1%)
activity                               -13 B  (-0.0%)      +11 B  (+0.0%)
marketplace                            -12 B  (-0.0%)     -996 B  (-0.3%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~1844 bytes added 📈 [gzipped])

name                                                                              parsed_size           gzip_size
async-load-design                                                                     +3510 B  (+0.2%)    +1412 B  (+0.3%)
async-load-design-playground                                                          +3352 B  (+0.3%)       -7 B  (-0.0%)
async-load-calypso-post-editor-media-modal                                             -183 B  (-0.0%)     -211 B  (-0.1%)
async-load-signup-steps-woocommerce-install-confirm                                    +163 B  (+0.3%)     +409 B  (+2.2%)
async-load-calypso-state-lib-automated-transfer-middleware                             +131 B  (+0.7%)     +322 B  (+5.0%)
async-load-signup-steps-theme-selection                                                -128 B  (-0.0%)     -368 B  (-0.3%)
async-load-automattic-help-center                                                       +80 B  (+0.0%)     +889 B  (+0.5%)
async-load-purchase-modal-wrapper                                                       +76 B  (+0.0%)      +24 B  (+0.0%)
async-load-my-sites-checkout-purchase-modal-is-eligible-for-one-click-checkou...        +76 B  (+0.0%)      +25 B  (+0.0%)
async-load-calypso-layout-masterbar-checkout                                            +76 B  (+0.1%)      +26 B  (+0.1%)
async-load-calypso-blocks-editor-checkout-modal                                         +76 B  (+0.0%)      +26 B  (+0.0%)
async-load-design-blocks                                                                -52 B  (-0.0%)     -162 B  (-0.0%)
async-load-calypso-post-editor-editor-media-modal                                       +26 B  (+0.0%)     +112 B  (+0.0%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[andres-blanco]

Closed in favor of #90661