Merge pull request #7483 from megha1807/fcp-webpack-analyzer

[SEO] Enable webpack bundle analyzer for FCP optimization

Author: saurabhraghuvanshii

Makefile

@@ -58,3 +58,8 @@ features:
 	rm .github/build/spreadsheet.csv
 
 .PHONY: setup build site site-full clean site-fast lint features
+
+## Analyze webpack bundle with FCP optimization
+site-analyze:
+	@echo "🏗️  Building site with webpack bundle analyzer..."
+	ANALYZE_BUNDLE=true npm run build

gatsby-config.js

@@ -60,12 +60,17 @@ module.exports = {
         mergeCachingHeaders: true,
       },
     },
-    {
-      resolve: "gatsby-plugin-webpack-bundle-analyser-v2",
-      options: {
-        disable: true,
-      },
-    },
+    ...(process.env.ANALYZE_BUNDLE
+      ? [
+          {
+            resolve: "gatsby-plugin-webpack-bundle-analyser-v2",
+            options: {
+              analyzerMode: "server",
+              openAnalyzer: true,
+            },
+          },
+        ]
+      : []),
     {
       resolve: "gatsby-plugin-sitemap",
       options: {