diff --git a/change/@microsoft-fast-html-performance-metrics-599a5431-68aa-4a89-843e-6df26cfd6f59.json b/change/@microsoft-fast-html-performance-metrics-599a5431-68aa-4a89-843e-6df26cfd6f59.json
new file mode 100644
index 00000000000..a47f78c365c
--- /dev/null
+++ b/change/@microsoft-fast-html-performance-metrics-599a5431-68aa-4a89-843e-6df26cfd6f59.json
@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore(fast-html): use @microsoft/fast-build to build performance-metrics fixture",
+ "packageName": "@microsoft/fast-html",
+ "email": "7559015+janechu@users.noreply.github.com",
+ "dependentChangeType": "none"
+}
diff --git a/packages/fast-html/scripts/build-fixtures.js b/packages/fast-html/scripts/build-fixtures.js
index ac6e3c6f502..897306f26b8 100644
--- a/packages/fast-html/scripts/build-fixtures.js
+++ b/packages/fast-html/scripts/build-fixtures.js
@@ -7,7 +7,22 @@ import { fileURLToPath } from "node:url";
// Builds test fixtures using @microsoft/fast-build. Add fixture names here
// incrementally as each one is verified to work with the fast-build CLI.
-const fixtures = ["attribute", "binding", "event", "ref", "slotted", "when", "repeat", "repeat-event", "children", "host-bindings", "lifecycle-callbacks", "dot-syntax", "nested-elements"];
+const fixtures = [
+ "attribute",
+ "binding",
+ "event",
+ "ref",
+ "slotted",
+ "when",
+ "repeat",
+ "repeat-event",
+ "children",
+ "host-bindings",
+ "lifecycle-callbacks",
+ "dot-syntax",
+ "nested-elements",
+ "performance-metrics",
+];
const __dirname = dirname(fileURLToPath(import.meta.url));
const require = createRequire(import.meta.url);
diff --git a/packages/fast-html/test/fixtures/performance-metrics/entry.html b/packages/fast-html/test/fixtures/performance-metrics/entry.html
new file mode 100644
index 00000000000..f2718110faf
--- /dev/null
+++ b/packages/fast-html/test/fixtures/performance-metrics/entry.html
@@ -0,0 +1,25 @@
+
+
+
+
+ Performance Metrics Test
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/fast-html/test/fixtures/performance-metrics/index.html b/packages/fast-html/test/fixtures/performance-metrics/index.html
index a8ada05573a..aade0ea3f91 100644
--- a/packages/fast-html/test/fixtures/performance-metrics/index.html
+++ b/packages/fast-html/test/fixtures/performance-metrics/index.html
@@ -1,250 +1,180 @@
-
+
Performance Metrics Test
-
-
-
-
- - Configured Delay
- - 0ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 0ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 0ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 0ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 0ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 150ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 150ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 150ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 150ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 300ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 300ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 300ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 300ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - 300ms
- - Element Will Hydrate
- - 0ms
- - Element Did Hydrate
- - 0ms
- - Element Hydration Duration
- - 0ms
-
-
-
-
-
-
-
-
- - Configured Delay
- - {{displayDelay}}
- - Element Will Hydrate
- - {{willHydrate}}
- - Element Did Hydrate
- - {{didHydrate}}
- - Element Hydration Duration
- - {{hydrationDuration}}
-
-
-
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+ - Configured Delay
+ - 0ms
+ - Element Will Hydrate
+ - 0ms
+ - Element Did Hydrate
+ - 0ms
+ - Element Hydration Duration
+ - 0ms
+
+
+
+
+
+ - Configured Delay
+ - {{displayDelay}}
+ - Element Will Hydrate
+ - {{willHydrate}}
+ - Element Did Hydrate
+ - {{didHydrate}}
+ - Element Hydration Duration
+ - {{hydrationDuration}}
+
+
+
diff --git a/packages/fast-html/test/fixtures/performance-metrics/state.json b/packages/fast-html/test/fixtures/performance-metrics/state.json
new file mode 100644
index 00000000000..81c34824fc2
--- /dev/null
+++ b/packages/fast-html/test/fixtures/performance-metrics/state.json
@@ -0,0 +1,6 @@
+{
+ "displayDelay": "0ms",
+ "willHydrate": "0ms",
+ "didHydrate": "0ms",
+ "hydrationDuration": "0ms"
+}
diff --git a/packages/fast-html/test/fixtures/performance-metrics/templates.html b/packages/fast-html/test/fixtures/performance-metrics/templates.html
new file mode 100644
index 00000000000..0184fcf9c99
--- /dev/null
+++ b/packages/fast-html/test/fixtures/performance-metrics/templates.html
@@ -0,0 +1,15 @@
+
+
+
+
+ - Configured Delay
+ - {{displayDelay}}
+ - Element Will Hydrate
+ - {{willHydrate}}
+ - Element Did Hydrate
+ - {{didHydrate}}
+ - Element Hydration Duration
+ - {{hydrationDuration}}
+
+
+