MC-34764: Fix performance degradation cause by CSP

Author: Oleksandr Gorkun

app/code/Magento/Catalog/view/adminhtml/templates/catalog/product/composite/configure.phtml

@@ -46,8 +46,10 @@
         prodCompConfIframe.style.top = "-1000px";
         prodCompConfIframe.style.left = "-1000px";
         document.querySelectorAll(".product_composite_configure_messages").forEach((e) => e.style.display = "none");
-        document.querySelectorAll(".product_composite_configure_form_additional").forEach((e) => e.style.display = "none");
-        document.querySelectorAll(".product_composite_configure_form_confirmed").forEach((e) => e.style.display = "none");
+        document.querySelectorAll(".product_composite_configure_form_additional")
+            .forEach((e) => e.style.display = "none");
+        document.querySelectorAll(".product_composite_configure_form_confirmed")
+            .forEach((e) => e.style.display = "none");
         document.querySelectorAll(".product_composite_configure_confirmed").forEach((e) => e.style.display = "none");
         document.querySelectorAll(".product-configure-popup").forEach((e) => e.style.display = "none");
 

app/code/Magento/Swatches/view/frontend/templates/product/layered/renderer.phtml

@@ -58,11 +58,11 @@
                             $script = 'let ' .$element
                                 .' = document.querySelector(\'div[data-option-id="' .$escaper->escapeJs($option)
                                 .'"]\');' .PHP_EOL;
-                            $script .= $element .'.style.background = "background: url(\''
+                            $script .= $element .'.style.background = "url(\''
                                 .$escapedUrl .'\') no-repeat center";' .PHP_EOL;
                             $script .= $element .'.style.backgroundSize = "initial";';
-                            echo /* @noEscape*/ $secureRenderer->renderTag('script', [], $script, false);
                             ?>
+                            <?= /* @noEscape*/ $secureRenderer->renderTag('script', [], $script, false); ?>
                             <?php break;
                         case '1':
                             ?>
@@ -84,11 +84,11 @@
                             $script = 'let ' .$element
                                 .' = document.querySelector(\'div[data-option-id="' .$escaper->escapeJs($option)
                                 .'"]\');' .PHP_EOL;
-                            $script .= $element .'.style.background = "background: ' .$backgroundValue
+                            $script .= $element .'.style.background = "' .$backgroundValue
                                 .' no-repeat center";' .PHP_EOL;
                             $script .= $element .'.style.backgroundSize = "initial";';
-                            echo /* @noEscape*/ $secureRenderer->renderTag('script', [], $script, false);
                             ?>
+                            <?= /* @noEscape*/ $secureRenderer->renderTag('script', [], $script, false); ?>
                             <?php break;
                         case '0':
                         default: