docs: update terminology in README and SideMenu"

Author: chenjiahan

README.md

@@ -119,7 +119,7 @@ The size of the bundles after the build.
 - `esm-bundle-size`: the size of esm formats outputs.
 - `esm-gzip-bundle-size`: the size of esm formats outputs after gzip.
 
-### Compile Speed
+### Build Performance
 
 - `dev-plugin-setup-time`: the time it takes from the start of the dev command to the completion of loading all plugins. Corresponding hooks: `loadConfig -> loadPlugin`.
 - `dev-prepare-time`: the time taken from the time the plugins are loaded to the time when the build prep process is fully completed. Corresponding hooks: `loadPlugin -> prepare`.
@@ -140,7 +140,7 @@ The size of the bundles after the build.
 - `before-dev-time`: the time it takes for the dev command to initialize, in other words, cli cold boot time.
 - `before-build-time`: the time it takes for the build command to initialize, in other words, cli cold boot time.
 
-### Install Speed
+### Install Size
 
 Install npm dependency related metrics.
 

website/src/components/SideMenu.tsx

@@ -65,21 +65,21 @@ export const SideMenu = (props: {
           style={itemStyle}
         >
           <IconThunderbolt />
-          Compile Speed
+          Build performance
         </MenuItem>
         <MenuItem
           key={`${PRODUCT.RSBUILD}_${MENU.INSTALL_SPEED}`}
           style={itemStyle}
         >
           <IconCloudDownload />
-          Install Speed
+          Install size
         </MenuItem>
         <MenuItem
           key={`${PRODUCT.RSBUILD}_${MENU.BUNDLE_SIZE}`}
           style={itemStyle}
         >
           <IconInteraction />
-          Bundle Size
+          Bundle size
         </MenuItem>
       </SubMenu>
       <SubMenu
@@ -95,7 +95,7 @@ export const SideMenu = (props: {
           style={itemStyle}
         >
           <IconCamera />
-          Binary Size
+          Binary size
         </MenuItem>
         <MenuItem key={`${PRODUCT.RSPACK}_benchmark`} style={itemStyle}>
           <IconCamera />
@@ -115,21 +115,21 @@ export const SideMenu = (props: {
           style={itemStyle}
         >
           <IconThunderbolt />
-          Compile Speed
+          Build performance
         </MenuItem>
         <MenuItem
           key={`${PRODUCT.RSPRESS}_${MENU.INSTALL_SPEED}`}
           style={itemStyle}
         >
           <IconCloudDownload />
-          Install Speed
+          Install size
         </MenuItem>
         <MenuItem
           key={`${PRODUCT.RSPRESS}_${MENU.BUNDLE_SIZE}`}
           style={itemStyle}
         >
           <IconInteraction />
-          Bundle Size
+          Bundle size
         </MenuItem>
       </SubMenu>
       <SubMenu
@@ -145,21 +145,21 @@ export const SideMenu = (props: {
           style={itemStyle}
         >
           <IconThunderbolt />
-          Compile Speed
+          Build performance
         </MenuItem>
         <MenuItem
           key={`${PRODUCT.RSLIB}_${MENU.INSTALL_SPEED}`}
           style={itemStyle}
         >
           <IconCloudDownload />
-          Install Speed
+          Install size
         </MenuItem>
         <MenuItem
           key={`${PRODUCT.RSLIB}_${MENU.BUNDLE_SIZE}`}
           style={itemStyle}
         >
           <IconInteraction />
-          Bundle Size
+          Bundle size
         </MenuItem>
       </SubMenu>
       <SubMenu
@@ -175,21 +175,21 @@ export const SideMenu = (props: {
           style={itemStyle}
         >
           <IconThunderbolt />
-          Compile Speed
+          Build performance
         </MenuItem>
         <MenuItem
           key={`${PRODUCT.MODERNJS_FRAMEWORK}_${MENU.INSTALL_SPEED}`}
           style={itemStyle}
         >
           <IconCloudDownload />
-          Install Speed
+          Install size
         </MenuItem>
         <MenuItem
           key={`${PRODUCT.MODERNJS_FRAMEWORK}_${MENU.BUNDLE_SIZE}`}
           style={itemStyle}
         >
           <IconInteraction />
-          Bundle Size
+          Bundle size
         </MenuItem>
       </SubMenu>
     </Menu>