Test/bench 2

[unDemian]

Changes proposed in this Pull Request

Testing instructions

Fixes #

[matticbot]

Test live: https://calypso.live/?branch=test/bench-2

[matticbot]

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

Webpack Runtime (~172 bytes removed 📉 [gzipped])

name      parsed_size           gzip_size
manifest      -1794 B  (-1.0%)     -172 B  (-0.5%)

Webpack runtime for loading modules. It is included in the HTML page as an inline script. Is downloaded and parsed every time the app is loaded.

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

name                   parsed_size           gzip_size
entry-main                +53508 B  (+3.7%)   +12890 B  (+3.5%)
entry-domains-landing       -142 B  (-0.0%)     -533 B  (-0.3%)
entry-gutenboarding          +99 B  (+0.0%)     -278 B  (-0.0%)
entry-login                  +21 B  (+0.0%)      -13 B  (-0.0%)

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

Sections (~34084 bytes removed 📉 [gzipped])

name                    parsed_size            gzip_size
reader                     -52213 B  (-11.2%)   -12828 B  (-10.6%)
comments                   -26759 B   (-5.4%)    -6835 B   (-5.9%)
site-blocks                -25800 B   (-9.2%)    -6598 B   (-9.0%)
gutenberg-editor            -3892 B   (-0.5%)     -464 B   (-0.2%)
checkout                    -3725 B   (-0.3%)     +199 B   (+0.1%)
stats                       -2673 B   (-0.3%)     -597 B   (-0.3%)
post-editor                 -1870 B   (-0.1%)     -958 B   (-0.2%)
media                       -1740 B   (-0.5%)     -327 B   (-0.4%)
activity                    -1654 B   (-0.4%)     -354 B   (-0.3%)
woocommerce                 -1554 B   (-0.1%)     -326 B   (-0.1%)
pages                       -1517 B   (-0.8%)     -324 B   (-0.6%)
plugins                     -1465 B   (-0.4%)     -333 B   (-0.3%)
help                        -1334 B   (-0.3%)     -410 B   (-0.4%)
posts-custom                -1217 B   (-0.4%)     -271 B   (-0.3%)
posts                       -1217 B   (-0.4%)     -271 B   (-0.3%)
themes                      -1150 B   (-0.4%)     -240 B   (-0.3%)
theme                       -1150 B   (-0.5%)     -240 B   (-0.4%)
settings-security           -1150 B   (-0.5%)     -233 B   (-0.4%)
settings-performance        -1150 B   (-0.5%)     -240 B   (-0.4%)
marketing                   -1125 B   (-0.3%)     -221 B   (-0.2%)
purchases                   -1113 B   (-0.1%)     -193 B   (-0.1%)
zoninator                   -1050 B   (-0.4%)     -257 B   (-0.4%)
domains                     -1030 B   (-0.1%)     +498 B   (+0.2%)
jetpack-connect              -980 B   (-0.2%)     -141 B   (-0.1%)
settings                     -966 B   (-0.2%)     -217 B   (-0.2%)
plans                        -943 B   (-0.2%)     -116 B   (-0.1%)
account                      -850 B   (-0.3%)     -187 B   (-0.2%)
earn                         -831 B   (-0.3%)     -161 B   (-0.2%)
hosting                      -813 B   (-0.4%)     -153 B   (-0.3%)
home                         -750 B   (-0.3%)     -169 B   (-0.2%)
people                       -646 B   (-0.2%)     -141 B   (-0.2%)
export                       -646 B   (-0.4%)      -87 B   (-0.2%)
customize                    -646 B   (-0.5%)     -116 B   (-0.3%)
backups                      -646 B   (-0.2%)     -122 B   (-0.2%)
settings-writing             -629 B   (-0.1%)     -146 B   (-0.1%)
email                        -526 B   (-0.2%)     +652 B   (+0.9%)
notification-settings        -504 B   (-0.2%)     -112 B   (-0.1%)
sites                        -346 B   (-0.5%)      -66 B   (-0.3%)
settings-discussion          -346 B   (-0.2%)      -56 B   (-0.1%)
sensei                       -346 B   (-0.4%)      -64 B   (-0.3%)
scan                         -346 B   (-0.3%)      -59 B   (-0.2%)
preview                      -346 B   (-0.5%)      -66 B   (-0.3%)
migrate                      -346 B   (-0.3%)      -58 B   (-0.2%)
jetpack-cloud-settings       -346 B   (-0.3%)      -64 B   (-0.2%)
import                       -346 B   (-0.2%)      -64 B   (-0.1%)
hello-dolly                  -346 B   (-0.4%)      -62 B   (-0.2%)
google-my-business           -346 B   (-0.1%)      -58 B   (-0.1%)
feature-upsell               -346 B   (-0.3%)      -62 B   (-0.2%)
concierge                    -346 B   (-0.1%)      -70 B   (-0.1%)
checklist                    -346 B   (-0.2%)      -69 B   (-0.1%)
wp-super-cache               -309 B   (-0.1%)      -35 B   (-0.1%)
signup                       -300 B   (-0.2%)      -62 B   (-0.1%)
account-close                -300 B   (-0.1%)      -85 B   (-0.1%)
accept-invite                -300 B   (-0.1%)      -64 B   (-0.1%)
devdocs                       +65 B   (+0.0%)       -4 B   (-0.0%)
security                      +37 B   (+0.0%)      +23 B   (+0.0%)

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 (~39983 bytes removed 📉 [gzipped])

name                                                         parsed_size            gzip_size
async-load-components-web-preview-component                     -52575 B  (-12.2%)   -12893 B  (-11.6%)
async-load-design-blocks                                        -52220 B   (-1.9%)   -11982 B   (-1.8%)
async-load-blocks-support-article-dialog-dialog                 -27173 B  (-31.1%)    -7060 B  (-28.0%)
async-load-signup-steps-domains                                  -1119 B   (-0.5%)     -248 B   (-0.5%)
async-load-post-editor-media-modal                                -999 B   (-0.4%)     +177 B   (+0.3%)
async-load-signup-steps-site-picker                               -961 B   (-2.1%)     -220 B   (-1.8%)
async-load-signup-steps-plans-atomic-store                        -949 B   (-0.8%)     -204 B   (-0.7%)
async-load-signup-steps-plans                                     -949 B   (-0.6%)     -223 B   (-0.5%)
async-load-blocks-inline-help-popover                             -646 B   (-0.3%)     -108 B   (-0.2%)
async-load-signup-steps-wp-for-teams-site                         -615 B   (-2.4%)     -156 B   (-2.5%)
async-load-signup-steps-user                                      -615 B   (-0.5%)     -153 B   (-0.5%)
async-load-signup-steps-theme-selection                           -615 B   (-1.0%)     -135 B   (-0.8%)
async-load-signup-steps-test-step                                 -615 B   (-7.7%)     -168 B   (-7.3%)
async-load-signup-steps-survey                                    -615 B   (-3.7%)     -145 B   (-3.3%)
async-load-signup-steps-site-type                                 -615 B   (-5.4%)     -165 B   (-5.2%)
async-load-signup-steps-site-topic                                -615 B   (-2.2%)     -152 B   (-1.9%)
async-load-signup-steps-site-title                                -615 B   (-5.5%)     -163 B   (-5.3%)
async-load-signup-steps-site-style                                -615 B   (-2.1%)     -175 B   (-1.8%)
async-load-signup-steps-site-or-domain                            -615 B   (-3.2%)     -158 B   (-2.9%)
async-load-signup-steps-site                                      -615 B   (-2.5%)     -155 B   (-2.5%)
async-load-signup-steps-rewind-were-backing                       -615 B   (-7.1%)     -168 B   (-6.5%)
async-load-signup-steps-rewind-migrate                            -615 B   (-2.5%)     -167 B   (-2.5%)
async-load-signup-steps-rewind-form-creds                         -615 B   (-1.6%)     -167 B   (-1.6%)
async-load-signup-steps-rebrand-cities-welcome                    -615 B   (-4.7%)     -166 B   (-4.6%)
async-load-signup-steps-reader-landing                            -615 B   (-5.4%)     -169 B   (-5.4%)
async-load-signup-steps-passwordless                              -615 B   (-2.5%)     -159 B   (-2.6%)
async-load-signup-steps-import-url-onboarding                     -615 B   (-1.8%)     -150 B   (-1.6%)
async-load-signup-steps-import-url                                -615 B   (-2.8%)     -151 B   (-2.5%)
async-load-signup-steps-import-preview                            -615 B   (-2.5%)     -158 B   (-2.2%)
async-load-signup-steps-creds-permission                          -615 B   (-2.7%)     -156 B   (-2.5%)
async-load-signup-steps-creds-confirm                             -615 B   (-2.7%)     -156 B   (-2.5%)
async-load-signup-steps-creds-complete                            -615 B   (-7.1%)     -166 B   (-6.4%)
async-load-signup-steps-clone-start                               -615 B   (-4.4%)     -169 B   (-4.1%)
async-load-signup-steps-clone-ready                               -615 B   (-2.2%)     -169 B   (-2.2%)
async-load-signup-steps-clone-point                               -615 B   (-0.4%)     -136 B   (-0.4%)
async-load-signup-steps-clone-jetpack                             -615 B   (-5.9%)     -167 B   (-5.9%)
async-load-signup-steps-clone-destination                         -615 B   (-3.1%)     -166 B   (-3.2%)
async-load-signup-steps-clone-credentials                         -615 B   (-1.1%)     -152 B   (-1.0%)
async-load-signup-steps-clone-cloning                             -615 B   (-4.5%)     -170 B   (-4.3%)
async-load-signup-steps-about                                     -615 B   (-1.1%)     -152 B   (-0.9%)
async-load-layout-guided-tours                                    -615 B   (-3.5%)     -148 B   (-3.6%)
async-load-docs-selectors                                         -615 B  (-11.0%)     -172 B   (-9.8%)
async-load-blocks-inline-help                                     -615 B   (-1.0%)     -144 B   (-1.1%)
async-load-design                                                 -595 B   (-0.0%)     -781 B   (-0.2%)
async-load-design-playground                                      -537 B   (-0.0%)      -94 B   (-0.0%)
async-load-my-sites-current-site-notice                           -504 B   (-1.1%)     -110 B   (-1.0%)
async-load-blocks-jitm-templates-sidebar-banner                   -504 B   (-3.2%)     -145 B   (-3.1%)
async-load-blocks-jitm-templates-notice                           -504 B   (-3.1%)     -148 B   (-3.1%)
async-load-blocks-jitm-templates-default                          -504 B   (-4.6%)     -142 B   (-4.3%)
async-load-layout-masterbar-drafts-popover                        -404 B   (-1.4%)     -116 B   (-1.3%)
async-load-my-sites-checklist-wpcom-checklist-component-jsx       -367 B   (-0.5%)      -93 B   (-0.5%)
async-load-components-sites-popover                               -346 B   (-0.7%)      -66 B   (-0.5%)
async-load-my-sites-current-site-stale-cart-items-notice          -300 B   (-0.8%)      -61 B   (-0.5%)
async-load-apps-notifications-index-jsx                           -300 B   (-0.3%)      -68 B   (-0.2%)
async-load-blocks-support-article-dialog                          -180 B  (-17.6%)      -26 B   (-5.8%)
async-load-blocks-reader-full-post                                +102 B   (+0.2%)      +14 B   (+0.1%)
async-load-my-sites-current-site-domain-warnings                   +37 B   (+0.1%)      +26 B   (+0.2%)
async-load-lib-preferences-helper                                  -11 B   (-0.1%)       -9 B   (-0.2%)

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.