Merge pull request #9 from indykoning/patch-1

Reduce Forced reflows
justbetter · Oct 22, 2024 · ad8974a · ad8974a
2 parents aaef323 + 6a0d272
commit ad8974a
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/resources/views/partials/head.blade.php b/resources/views/partials/head.blade.php
@@ -1,13 +1,14 @@
 <script>
     window.responsiveResizeObserver = new ResizeObserver((entries) => {
         entries.forEach(entry => {
-            const imgWidth = entry.target.getBoundingClientRect().width;
-            const imgHeight = entry.target.getBoundingClientRect().height;
+            const bounds = entry.target.getBoundingClientRect();
+            const imgWidth = bounds.width;
+            const imgHeight = bounds.height;
             const pixelRatio = window.devicePixelRatio * imgWidth;
             
-            entry.target.parentNode.querySelectorAll('source').forEach((source) => {
+            requestAnimationFrame(() => entry.target.parentNode.querySelectorAll('source').forEach((source) => {
                 source.sizes = pixelRatio + 'px';
-            });
+            }));
         });
     });
 </script>