nodejs · saltybuckets · Sep 25, 2021 · Sep 27, 2021 · Sep 27, 2021 · Sep 28, 2021
diff --git a/doc/api_assets/script.js b/doc/api_assets/script.js
@@ -0,0 +1,57 @@
+let eqIsh = (a, b, fuzz = 2) => {
+    return (Math.abs(a - b) <= fuzz);
+  };
+
+  let rectNotEQ = (a, b) => {
+    return (!eqIsh(a.width, b.width) ||
+      !eqIsh(a.height, b.height));
+  };
+
+  let spaced = new WeakMap();
+
+  let reserveSpace = (el, rect = el.getClientBoundingRect()) => {
+    let old = spaced.get(el);
+    if (!old || rectNotEQ(old, rect)) {
+      spaced.set(el, rect);
+      el.attributeStyleMap.set(
+        "contain-intrinsic-size",
+        `${rect.width}px ${rect.height}px`
+      );
+    }
+  };
+
+  let iObs = new IntersectionObserver(
+    (entries, o) => {
+      entries.forEach((entry) => {
+
+        reserveSpace(entry.target,
+          entry.boundingClientRect);
+      });
+    },
+    { rootMargin: "500px 0px 500px 0px" }
+  );
+
+  let rObs = new ResizeObserver(
+    (entries, o) => {
+      entries.forEach((entry) => {
+        reserveSpace(entry.target, entry.contentRect);
+      });
+    }
+  );
+
+  let articles =
+    document.querySelectorAll("#apicontent>section");
+
+  articles.forEach((el) => {
+    iObs.observe(el);
+    rObs.observe(el);
+  });
+
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      articles[0].attributeStyleMap.set(
+        "content-visibility",
+        "auto"
+      );
+    });
+  });
diff --git a/doc/template.html b/doc/template.html
@@ -9,6 +9,7 @@
   <link rel="stylesheet" href="assets/style.css">
   <link rel="stylesheet" href="assets/hljs.css">
   <link rel="canonical" href="https://nodejs.org/api/__FILENAME__.html">
+  <script src="assets/script.js"></script>
 </head>
 <body class="alt apidoc" id="api-section-__FILENAME__">
   <div id="content" class="clearfix">
@@ -98,6 +99,7 @@ <h1>Node.js __VERSION__ documentation</h1>
         });
       }
     }
+
   </script>
 </body>
-</html>
+</html>