Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.43k stars 1.99k forks source link

Remove all dataview css overrides from /sites #96570

Open lsl opened 2 days ago

lsl commented 2 days ago

Related to #

Example PR for the calypso live link, want to be able to link to something that shows what /sites looks like without our overrides.

Proposed Changes

github-actions[bot] commented 2 days ago
Calypso Live (direct link)
https://calypso.live?image=registry.a8c.com/calypso/app:build-125110
Jetpack Cloud live (direct link)
https://calypso.live?image=registry.a8c.com/calypso/app:build-125110&env=jetpack
Automattic for Agencies live (direct link)
https://calypso.live?image=registry.a8c.com/calypso/app:build-125110&env=a8c-for-agencies
matticbot commented 2 days ago

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

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

``` name parsed_size gzip_size entry-subscriptions +305 B (+0.0%) +83 B (+0.0%) entry-login +305 B (+0.0%) +83 B (+0.0%) entry-domains-landing +305 B (+0.0%) +83 B (+0.0%) entry-browsehappy +305 B (+0.1%) +83 B (+0.1%) entry-stepper -163 B (-0.0%) +59 B (+0.0%) entry-main -163 B (-0.0%) +59 B (+0.0%) ``` Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~13231 bytes added 📈 [gzipped])

``` name parsed_size gzip_size a8c-for-agencies-client +586 B (+0.0%) +36 B (+0.0%) site-performance +299 B (+0.0%) -482 B (-0.1%) hosting-features +234 B (+0.0%) -165 B (-0.0%) site-monitoring +222 B (+0.0%) +181 B (+0.0%) site-logs +222 B (+0.0%) +300 B (+0.1%) site-settings -168 B (-0.0%) +189 B (+0.0%) sites-dashboard +118 B (+0.0%) -141 B (-0.0%) stats +102 B (+0.0%) +13 B (+0.0%) hosting -52 B (-0.0%) -38 B (-0.0%) site-tools -26 B (-0.0%) -123 B (-0.0%) site-marketing +14 B (+0.0%) +72 B (+0.0%) staging-site +13 B (+0.0%) -102 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 (~39 bytes added 📈 [gzipped])

``` name parsed_size gzip_size async-load-calypso-my-sites-stats-pages-subscribers +64 B (+0.0%) +39 B (+0.1%) ``` 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.