chore: Token list performance measurement

app/components/Nav/App/index.js

@@ -595,11 +595,17 @@ const App = (props) => {
   const sdkInit = useRef();
   const [onboarded, setOnboarded] = useState(false);
 
-  trace({
-    name: TraceName.NavInit,
-    parentContext: getUIStartupSpan(),
-    op: TraceOperation.NavInit,
-  });
+  const isFirstRender = useRef(true);
+
+  if (isFirstRender.current) {
+    trace({
+      name: TraceName.NavInit,
+      parentContext: getUIStartupSpan(),
+      op: TraceOperation.NavInit,
+    });
+
+    isFirstRender.current = false;
+  }
 
   const triggerSetCurrentRoute = (route) => {
     dispatch(setCurrentRoute(route));

app/components/UI/Tokens/index.tsx

@@ -57,6 +57,10 @@ import { selectNetworkName } from '../../../selectors/networkInfos';
 import ButtonIcon from '../../../component-library/components/Buttons/ButtonIcon';
 import { selectAccountTokensAcrossChains } from '../../../selectors/multichain';
 import { filterAssets } from './util/filterAssets';
+import { TraceName, endTrace, trace } from '../../../util/trace';
+import { getTraceTags } from '../../../util/sentry/tags';
+import { store } from '../../../store';
+
 
 // this will be imported from TokenRatesController when it is exported from there
 // PR: https://github.com/MetaMask/core/pull/4622
@@ -145,6 +149,10 @@ const Tokens: React.FC<TokensI> = ({ tokens }) => {
   const styles = createStyles(colors);
 
   const tokensList = useMemo((): TokenI[] => {
+    trace({
+      name: TraceName.Tokens,
+      tags: getTraceTags(store.getState()),
+    });
     // if it is not popular network, display tokens only for current network
     const filteredAssetsParam = isPopularNetwork
       ? tokenNetworkFilter
@@ -248,8 +256,11 @@ const Tokens: React.FC<TokensI> = ({ tokens }) => {
         ...token,
         tokenFiatAmount: tokenFiatBalances[i],
       }));
-
-      return sortAssets(tokensWithBalances, tokenSortConfig);
+      const tokensSorted = sortAssets(tokensWithBalances, tokenSortConfig);
+      endTrace({
+        name: TraceName.Tokens,
+      });
+      return tokensSorted;
     }
     // Previous implementation
     // Filter tokens based on hideZeroBalanceTokens flag

app/util/sentry/utils.js

@@ -555,8 +555,6 @@ export function setupSentry() {
       beforeBreadcrumb: (breadcrumb) => rewriteBreadcrumb(breadcrumb),
       beforeSendTransaction: (event) => excludeEvents(event),
       enabled: metricsOptIn === AGREED,
-      // We need to deactivate this to have the same output consistently on IOS and Android
-      enableAutoPerformanceTracing: false,
     });
   };
   init();

app/util/trace.ts

@@ -38,6 +38,7 @@ export enum TraceName {
   VaultCreation = 'Login Vault Creation',
   AccountList = 'Account List',
   StoreInit = 'Store Initialization',
+  Tokens = 'Tokens List',
 }
 
 export enum TraceOperation {