diff --git a/js_modules/dagster-ui/packages/ui-core/src/partitions/AssetJobPartitionsView.tsx b/js_modules/dagster-ui/packages/ui-core/src/partitions/AssetJobPartitionsView.tsx
index f19cbaea5a75d..a5b9b4dc99e37 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/partitions/AssetJobPartitionsView.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/partitions/AssetJobPartitionsView.tsx
@@ -1,5 +1,5 @@
 import {Box, Button, Subheading, useViewport} from '@dagster-io/ui-components';
-import {useEffect, useMemo, useState} from 'react';
+import React, {useEffect, useMemo, useState} from 'react';
 
 import {JobBackfillsTable} from './JobBackfillsTable';
 import {CountBox, usePartitionDurations} from './OpJobPartitionsView';
@@ -24,237 +24,247 @@ import {DagsterTag} from '../runs/RunTag';
 import {repoAddressToSelector} from '../workspace/repoAddressToSelector';
 import {RepoAddress} from '../workspace/types';
 
-export const AssetJobPartitionsView = ({
-  partitionSetName,
-  repoAddress,
-  pipelineName,
-}: {
-  pipelineName: string;
-  partitionSetName: string;
-  repoAddress: RepoAddress;
-}) => {
-  const {viewport, containerProps} = useViewport();
-  const repositorySelector = repoAddressToSelector(repoAddress);
-
-  const assetGraph = useAssetGraphData('*', {
-    pipelineSelector: {
-      pipelineName,
-      repositoryName: repoAddress.name,
-      repositoryLocationName: repoAddress.location,
-    },
-  });
+export const AssetJobPartitionsView = React.memo(
+  ({
+    partitionSetName,
+    repoAddress,
+    pipelineName,
+  }: {
+    pipelineName: string;
+    partitionSetName: string;
+    repoAddress: RepoAddress;
+  }) => {
+    const {viewport, containerProps} = useViewport();
+    const repositorySelector = repoAddressToSelector(repoAddress);
 
-  const assetKeysWithPartitions = useMemo(() => {
-    return assetGraph.graphAssetKeys.filter((key) => {
-      return assetGraph.assetGraphData?.nodes[toGraphId(key)]?.definition.isPartitioned;
+    const assetGraph = useAssetGraphData('*', {
+      pipelineSelector: {
+        pipelineName,
+        repositoryName: repoAddress.name,
+        repositoryLocationName: repoAddress.location,
+      },
     });
-  }, [assetGraph]);
 
-  const assetHealth = usePartitionHealthData(
-    assetKeysWithPartitions.length
-      ? assetKeysWithPartitions
-      : assetGraph.graphAssetKeys[0]
-        ? [assetGraph.graphAssetKeys[0]]
-        : [],
-  );
+    const assetKeysWithPartitions = useMemo(() => {
+      return assetGraph.graphAssetKeys.filter((key) => {
+        return assetGraph.assetGraphData?.nodes[toGraphId(key)]?.definition.isPartitioned;
+      });
+    }, [assetGraph]);
 
-  const {total, missing, merged} = useMemo(() => {
-    const merged = mergedAssetHealth(assetHealth.filter((h) => h.dimensions.length > 0));
-    const selection = merged.dimensions.map((d) => ({
-      selectedKeys: d.partitionKeys,
-      selectedRanges: [allPartitionsRange(d)],
-      dimension: d,
-    }));
-    const missing = explodePartitionKeysInSelectionMatching(selection, (dIdxs) =>
-      merged.stateForKeyIdx(dIdxs).includes(AssetPartitionStatus.MISSING),
+    const assetHealth = usePartitionHealthData(
+      assetKeysWithPartitions.length
+        ? assetKeysWithPartitions
+        : assetGraph.graphAssetKeys[0]
+          ? [assetGraph.graphAssetKeys[0]]
+          : [],
     );
 
-    return {
-      merged,
-      total: keyCountInSelections(selection),
-      missing: missing.length,
-    };
-  }, [assetHealth]);
+    const {total, missing, merged} = useMemo(() => {
+      const merged = mergedAssetHealth(assetHealth.filter((h) => h.dimensions.length > 0));
+      const selection = merged.dimensions.map((d) => ({
+        selectedKeys: d.partitionKeys,
+        selectedRanges: [allPartitionsRange(d)],
+        dimension: d,
+      }));
+      const missing = explodePartitionKeysInSelectionMatching(selection, (dIdxs) =>
+        merged.stateForKeyIdx(dIdxs).includes(AssetPartitionStatus.MISSING),
+      );
 
-  const [pageSize, setPageSize] = useState(60);
-  const [offset, setOffset] = useState<number>(0);
-  const [showAssets, setShowAssets] = useState(false);
+      return {
+        merged,
+        total: keyCountInSelections(selection),
+        missing: missing.length,
+      };
+    }, [assetHealth]);
 
-  useEffect(() => {
-    if (viewport.width) {
-      // magical numbers to approximate the size of the window, which is calculated in the step
-      // status component.  This approximation is to make sure that the window does not jump as
-      // the pageSize gets recalculated
-      const approxPageSize = getVisibleItemCount(viewport.width - GRID_FLOATING_CONTAINER_WIDTH);
-      setPageSize(approxPageSize);
-    }
-  }, [viewport.width, setPageSize]);
+    const [pageSize, setPageSize] = useState(60);
+    const [offset, setOffset] = useState<number>(0);
+    const [showAssets, setShowAssets] = useState(false);
 
-  let dimensionIdx = merged.dimensions.findIndex(isTimeseriesDimension);
-  if (dimensionIdx === -1) {
-    dimensionIdx = 0; // may as well show something
-  }
+    useEffect(() => {
+      if (viewport.width) {
+        // magical numbers to approximate the size of the window, which is calculated in the step
+        // status component.  This approximation is to make sure that the window does not jump as
+        // the pageSize gets recalculated
+        const approxPageSize = getVisibleItemCount(viewport.width - GRID_FLOATING_CONTAINER_WIDTH);
+        setPageSize(approxPageSize);
+      }
+    }, [viewport.width, setPageSize]);
 
-  const dimension = merged.dimensions[dimensionIdx] ? merged.dimensions[dimensionIdx] : null;
-  const dimensionKeys = dimension?.partitionKeys || [];
+    const {selectedDimensionKeys, dimensionIdx, dimension, dimensionKeys} = useMemo(() => {
+      let dimensionIdx = merged.dimensions.findIndex(isTimeseriesDimension);
+      if (dimensionIdx === -1) {
+        dimensionIdx = 0; // may as well show something
+      }
+      const dimension = merged.dimensions[dimensionIdx] ? merged.dimensions[dimensionIdx] : null;
+      const dimensionKeys = dimension?.partitionKeys || [];
+      return {
+        selectedDimensionKeys: dimensionKeys.slice(
+          Math.max(0, dimensionKeys.length - 1 - offset - pageSize),
+          dimensionKeys.length - offset,
+        ),
+        dimensionIdx,
+        dimension,
+        dimensionKeys,
+      };
+    }, [merged.dimensions, offset, pageSize]);
 
-  const selectedDimensionKeys = dimensionKeys.slice(
-    Math.max(0, dimensionKeys.length - 1 - offset - pageSize),
-    dimensionKeys.length - offset,
-  );
-  return (
-    <div>
-      <Box
-        flex={{justifyContent: 'space-between', direction: 'row', alignItems: 'center'}}
-        border="bottom"
-        padding={{vertical: 16, horizontal: 24}}
-      >
-        <Subheading>Status</Subheading>
-        <Box flex={{gap: 8}}>
-          <Button onClick={() => setShowAssets(!showAssets)}>
-            {showAssets ? 'Hide per-asset status' : 'Show per-asset status'}
-          </Button>
-          <LaunchAssetExecutionButton
-            scope={{all: assetGraph.graphQueryItems.map((g) => g.node), skipAllTerm: true}}
-            preferredJobName={pipelineName}
-          />
+    return (
+      <div>
+        <Box
+          flex={{justifyContent: 'space-between', direction: 'row', alignItems: 'center'}}
+          border="bottom"
+          padding={{vertical: 16, horizontal: 24}}
+        >
+          <Subheading>Status</Subheading>
+          <Box flex={{gap: 8}}>
+            <Button onClick={() => setShowAssets(!showAssets)}>
+              {showAssets ? 'Hide per-asset status' : 'Show per-asset status'}
+            </Button>
+            <LaunchAssetExecutionButton
+              scope={{all: assetGraph.graphQueryItems.map((g) => g.node), skipAllTerm: true}}
+              preferredJobName={pipelineName}
+            />
+          </Box>
         </Box>
-      </Box>
-      <Box flex={{direction: 'row', alignItems: 'center'}} border="bottom" padding={{left: 8}}>
-        <CountBox count={total} label="Total partitions" />
-        <CountBox count={missing} label="Missing partitions" />
-      </Box>
-      <Box padding={{vertical: 16, horizontal: 24}}>
-        <div {...containerProps}>
-          <PartitionStatus
-            partitionNames={dimensionKeys}
-            splitPartitions={dimension ? !isTimeseriesDimension(dimension) : false}
-            health={{ranges: merged.rangesForSingleDimension(dimensionIdx)}}
+        <Box flex={{direction: 'row', alignItems: 'center'}} border="bottom" padding={{left: 8}}>
+          <CountBox count={total} label="Total partitions" />
+          <CountBox count={missing} label="Missing partitions" />
+        </Box>
+        <Box padding={{vertical: 16, horizontal: 24}}>
+          <div {...containerProps}>
+            <PartitionStatus
+              partitionNames={dimensionKeys}
+              splitPartitions={dimension ? !isTimeseriesDimension(dimension) : false}
+              health={{ranges: merged.rangesForSingleDimension(dimensionIdx)}}
+              selected={selectedDimensionKeys}
+              selectionWindowSize={pageSize}
+              tooltipMessage="Click to view per-asset status"
+              onClick={(partitionName) => {
+                const maxIdx = dimensionKeys.length - 1;
+                const selectedIdx = dimensionKeys.indexOf(partitionName);
+                const nextOffset = Math.min(
+                  maxIdx,
+                  Math.max(0, maxIdx - selectedIdx - 0.5 * pageSize),
+                );
+                setOffset(nextOffset);
+              }}
+            />
+          </div>
+          {showAssets && dimension && (
+            <Box margin={{top: 16}}>
+              <PartitionPerAssetStatus
+                rangeDimensionIdx={dimensionIdx}
+                rangeDimension={dimension}
+                assetHealth={assetHealth}
+                assetQueryItems={assetGraph.graphQueryItems}
+                pipelineName={pipelineName}
+                setPageSize={setPageSize}
+                offset={offset}
+                setOffset={setOffset}
+              />
+            </Box>
+          )}
+        </Box>
+        {showAssets && (
+          <AssetJobPartitionGraphs
+            repositorySelector={repositorySelector}
+            pipelineName={pipelineName}
+            partitionSetName={partitionSetName}
+            multidimensional={(merged?.dimensions.length || 0) > 1}
+            dimensionName={dimension ? dimension.name : null}
+            dimensionKeys={dimensionKeys}
             selected={selectedDimensionKeys}
-            selectionWindowSize={pageSize}
-            tooltipMessage="Click to view per-asset status"
-            onClick={(partitionName) => {
-              const maxIdx = dimensionKeys.length - 1;
-              const selectedIdx = dimensionKeys.indexOf(partitionName);
-              const nextOffset = Math.min(
-                maxIdx,
-                Math.max(0, maxIdx - selectedIdx - 0.5 * pageSize),
-              );
-              setOffset(nextOffset);
-            }}
+            offset={offset}
+            pageSize={pageSize}
           />
-        </div>
-        {showAssets && dimension && (
-          <Box margin={{top: 16}}>
-            <PartitionPerAssetStatus
-              rangeDimensionIdx={dimensionIdx}
-              rangeDimension={dimension}
-              assetHealth={assetHealth}
-              assetQueryItems={assetGraph.graphQueryItems}
-              pipelineName={pipelineName}
-              setPageSize={setPageSize}
-              offset={offset}
-              setOffset={setOffset}
-            />
-          </Box>
         )}
-      </Box>
-      {showAssets && (
-        <AssetJobPartitionGraphs
-          repositorySelector={repositorySelector}
-          pipelineName={pipelineName}
-          partitionSetName={partitionSetName}
-          multidimensional={(merged?.dimensions.length || 0) > 1}
-          dimensionName={dimension ? dimension.name : null}
-          dimensionKeys={dimensionKeys}
-          selected={selectedDimensionKeys}
-          offset={offset}
-          pageSize={pageSize}
-        />
-      )}
-      <Box
-        padding={{horizontal: 24, vertical: 16}}
-        border="top-and-bottom"
-        style={{marginBottom: -1}}
-      >
-        <Subheading>Backfill history</Subheading>
-      </Box>
-      <Box margin={{bottom: 20}}>
-        <JobBackfillsTable
-          partitionSetName={partitionSetName}
-          repositorySelector={repositorySelector}
-          partitionNames={dimensionKeys}
-          refetchCounter={1}
-        />
-      </Box>
-    </div>
-  );
-};
+        <Box
+          padding={{horizontal: 24, vertical: 16}}
+          border="top-and-bottom"
+          style={{marginBottom: -1}}
+        >
+          <Subheading>Backfill history</Subheading>
+        </Box>
+        <Box margin={{bottom: 20}}>
+          <JobBackfillsTable
+            partitionSetName={partitionSetName}
+            repositorySelector={repositorySelector}
+            partitionNames={dimensionKeys}
+            refetchCounter={1}
+          />
+        </Box>
+      </div>
+    );
+  },
+);
 
-const AssetJobPartitionGraphs = ({
-  repositorySelector,
-  dimensionKeys,
-  dimensionName,
-  selected,
-  pageSize,
-  partitionSetName,
-  multidimensional,
-  pipelineName,
-  offset,
-}: {
-  repositorySelector: RepositorySelector;
-  pipelineName: string;
-  partitionSetName: string;
-  multidimensional: boolean;
-  dimensionName: string | null;
-  dimensionKeys: string[];
-  selected: string[];
-  pageSize: number;
-  offset: number;
-}) => {
-  const partitions = usePartitionStepQuery({
-    partitionSetName,
-    partitionTagName: multidimensional
-      ? `${DagsterTag.Partition}/${dimensionName}`
-      : DagsterTag.Partition,
-    partitionNames: dimensionKeys,
+const AssetJobPartitionGraphs = React.memo(
+  ({
     repositorySelector,
+    dimensionKeys,
+    dimensionName,
+    selected,
     pageSize,
-    runsFilter: [],
-    jobName: pipelineName,
+    partitionSetName,
+    multidimensional,
+    pipelineName,
     offset,
-    skipQuery: !dimensionName,
-  });
+  }: {
+    repositorySelector: RepositorySelector;
+    pipelineName: string;
+    partitionSetName: string;
+    multidimensional: boolean;
+    dimensionName: string | null;
+    dimensionKeys: string[];
+    selected: string[];
+    pageSize: number;
+    offset: number;
+  }) => {
+    const partitions = usePartitionStepQuery({
+      partitionSetName,
+      partitionTagName: multidimensional
+        ? `${DagsterTag.Partition}/${dimensionName}`
+        : DagsterTag.Partition,
+      partitionNames: dimensionKeys,
+      repositorySelector,
+      pageSize,
+      runsFilter: [],
+      jobName: pipelineName,
+      offset,
+      skipQuery: !dimensionName,
+    });
 
-  const {stepDurationData, runDurationData} = usePartitionDurations(partitions);
+    const {stepDurationData, runDurationData} = usePartitionDurations(partitions);
 
-  return (
-    <>
-      <Box padding={{horizontal: 24, vertical: 16}} border="top-and-bottom">
-        <Subheading>Run duration</Subheading>
-      </Box>
+    return (
+      <>
+        <Box padding={{horizontal: 24, vertical: 16}} border="top-and-bottom">
+          <Subheading>Run duration</Subheading>
+        </Box>
 
-      <Box margin={24}>
-        <PartitionGraph
-          isJob={true}
-          title="Execution time by partition"
-          yLabel="Execution time (secs)"
-          partitionNames={selected}
-          jobDataByPartition={runDurationData}
-        />
-      </Box>
-      <Box padding={{horizontal: 24, vertical: 16}} border="top-and-bottom">
-        <Subheading>Step durations</Subheading>
-      </Box>
-      <Box margin={24}>
-        <PartitionGraph
-          isJob={true}
-          title="Execution time by partition"
-          yLabel="Execution time (secs)"
-          partitionNames={selected}
-          stepDataByPartition={stepDurationData}
-        />
-      </Box>
-    </>
-  );
-};
+        <Box margin={24}>
+          <PartitionGraph
+            isJob={true}
+            title="Execution time by partition"
+            yLabel="Execution time (secs)"
+            partitionNames={selected}
+            jobDataByPartition={runDurationData}
+          />
+        </Box>
+        <Box padding={{horizontal: 24, vertical: 16}} border="top-and-bottom">
+          <Subheading>Step durations</Subheading>
+        </Box>
+        <Box margin={24}>
+          <PartitionGraph
+            isJob={true}
+            title="Execution time by partition"
+            yLabel="Execution time (secs)"
+            partitionNames={selected}
+            stepDataByPartition={stepDurationData}
+          />
+        </Box>
+      </>
+    );
+  },
+);