Add custom metric to measure generated content (size and percent) (#108)

* Add custom metric to measure generated content (size and percent) * Removed trailing whitespace * Apply suggestions from code review Co-authored-by: Rick Viscomi <[email protected]> --------- Co-authored-by: Rick Viscomi <[email protected]>
HTTPArchive · Jan 26, 2024 · be6cbbb · be6cbbb
1 parent 6728ed1
commit be6cbbb
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/dist/generated-content.js b/dist/generated-content.js
@@ -0,0 +1,19 @@
+let generatedContentPercent = 0;
+let generatedContent = 0;
+
+const byteSize = (str) => new Blob([str]).size;
+
+let htmlInitial = $WPT_BODIES[0].response_body;
+let htmlAfter = document.documentElement.outerHTML;
+
+if (htmlInitial && htmlAfter) {
+  let htmlInitialSize = byteSize(htmlInitial);
+  let htmlAfterSize = byteSize(htmlAfter);
+  generatedContentPercent = 1 - (htmlInitialSize / htmlAfterSize);
+  generatedContent = (htmlAfterSize - htmlInitialSize) / 1024;
+}
+
+return {
+  percent: generatedContentPercent.toFixed(4),
+  sizeInKB: generatedContent.toFixed(2),
+};