[docs] Improve performance on charts entry point

A quick follow up on #12041
mui · Feb 20, 2024 · bd3c6dc · bd3c6dc
1 parent 49def17
commit bd3c6dc
Show file tree

Hide file tree

Showing 27 changed files with 8 additions and 4 deletions.
diff --git a/docs/data/charts/heat-map/heat-map.md b/docs/data/charts/heat-map/heat-map.md
@@ -1,5 +1,5 @@
 ---
-title: React Heat map chart
+title: React Heatmap chart
 productId: x-charts
 ---
 

diff --git a/docs/data/charts/tree-map/tree-map.md b/docs/data/charts/tree-map/tree-map.md
@@ -1,5 +1,5 @@
 ---
-title: React Tree map chart
+title: React Treemap chart
 productId: x-charts
 ---
 

diff --git a/docs/public/static/x/component-illustrations/bar-dark.png b/docs/public/static/x/component-illustrations/bar-dark.png
diff --git a/docs/public/static/x/component-illustrations/bar-light.png b/docs/public/static/x/component-illustrations/bar-light.png
diff --git a/docs/public/static/x/component-illustrations/funnel-dark.png b/docs/public/static/x/component-illustrations/funnel-dark.png
diff --git a/docs/public/static/x/component-illustrations/funnel-light.png b/docs/public/static/x/component-illustrations/funnel-light.png
diff --git a/docs/public/static/x/component-illustrations/gantt-dark.png b/docs/public/static/x/component-illustrations/gantt-dark.png
diff --git a/docs/public/static/x/component-illustrations/gantt-light.png b/docs/public/static/x/component-illustrations/gantt-light.png
diff --git a/docs/public/static/x/component-illustrations/gauge-dark.png b/docs/public/static/x/component-illustrations/gauge-dark.png
diff --git a/docs/public/static/x/component-illustrations/gauge-light.png b/docs/public/static/x/component-illustrations/gauge-light.png
diff --git a/docs/public/static/x/component-illustrations/heatmap-dark.png b/docs/public/static/x/component-illustrations/heatmap-dark.png
diff --git a/docs/public/static/x/component-illustrations/heatmap-light.png b/docs/public/static/x/component-illustrations/heatmap-light.png
diff --git a/docs/public/static/x/component-illustrations/lines-dark.png b/docs/public/static/x/component-illustrations/lines-dark.png
diff --git a/docs/public/static/x/component-illustrations/lines-light.png b/docs/public/static/x/component-illustrations/lines-light.png
diff --git a/docs/public/static/x/component-illustrations/pie-dark.png b/docs/public/static/x/component-illustrations/pie-dark.png
diff --git a/docs/public/static/x/component-illustrations/pie-light.png b/docs/public/static/x/component-illustrations/pie-light.png
diff --git a/docs/public/static/x/component-illustrations/radar-dark.png b/docs/public/static/x/component-illustrations/radar-dark.png
diff --git a/docs/public/static/x/component-illustrations/radar-light.png b/docs/public/static/x/component-illustrations/radar-light.png
diff --git a/docs/public/static/x/component-illustrations/sankey-dark.png b/docs/public/static/x/component-illustrations/sankey-dark.png
diff --git a/docs/public/static/x/component-illustrations/sankey-light.png b/docs/public/static/x/component-illustrations/sankey-light.png
diff --git a/docs/public/static/x/component-illustrations/scatter-dark.png b/docs/public/static/x/component-illustrations/scatter-dark.png
diff --git a/docs/public/static/x/component-illustrations/scatter-light.png b/docs/public/static/x/component-illustrations/scatter-light.png
diff --git a/docs/public/static/x/component-illustrations/sparkline-dark.png b/docs/public/static/x/component-illustrations/sparkline-dark.png
diff --git a/docs/public/static/x/component-illustrations/sparkline-light.png b/docs/public/static/x/component-illustrations/sparkline-light.png
diff --git a/docs/public/static/x/component-illustrations/treemap-dark.png b/docs/public/static/x/component-illustrations/treemap-dark.png
diff --git a/docs/public/static/x/component-illustrations/treemap-light.png b/docs/public/static/x/component-illustrations/treemap-light.png
diff --git a/docs/src/modules/components/ChartComponentsGrid.js b/docs/src/modules/components/ChartComponentsGrid.js
@@ -8,7 +8,7 @@ import Chip from '@mui/material/Chip';
 import Stack from '@mui/material/Stack';
 import Link from 'docs/src/modules/components/Link';
 
-function components() {
+function getComponents() {
   return [
     {
       title: 'Bar Chart',
@@ -74,28 +74,31 @@ function components() {
       srcDark: '/static/x/component-illustrations/funnel-dark.png',
       href: '/x/react-charts/funnel/',
       planned: true,
+      pro: true,
     },
     {
       title: 'Gantt Chart',
       srcLight: '/static/x/component-illustrations/gantt-light.png',
       srcDark: '/static/x/component-illustrations/gantt-dark.png',
       href: '/x/react-charts/gantt/',
       planned: true,
+      pro: true,
     },
     {
       title: 'Sankey Chart',
       srcLight: '/static/x/component-illustrations/sankey-light.png',
       srcDark: '/static/x/component-illustrations/sankey-dark.png',
       href: '/x/react-charts/sankey/',
       planned: true,
+      pro: true,
     },
   ];
 }
 
 export default function ChartComponentsGrid() {
   return (
     <Grid container spacing={2} sx={{ pt: 2, pb: 4 }}>
-      {components().map((component) => (
+      {getComponents().map((component) => (
         <Grid item xs={12} sm={4} sx={{ flexGrow: 1 }} key={component.title}>
           <Card
             component={Link}
@@ -118,6 +121,7 @@ export default function ChartComponentsGrid() {
               component="img"
               alt=""
               image={component.srcLight}
+              loading="lazy"
               sx={(theme) => ({
                 aspectRatio: '16 / 9',
                 background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,