Improve PDP performance

Author: herzog31

blocks/product-details/product-details.js

@@ -14,7 +14,7 @@ import {
   loadErrorPage, performCatalogServiceQuery, variantsQuery,
 } from '../../scripts/commerce.js';
 import { getConfigValue } from '../../scripts/configs.js';
-import { fetchPlaceholders } from '../../scripts/aem.js';
+import { fetchPlaceholders, getMetadata } from '../../scripts/aem.js';
 
 async function addToCart({
   sku, quantity, optionsUIDs, product,
@@ -171,9 +171,12 @@ export default async function decorate(block) {
       return;
     }
 
-    setJsonLdProduct(product);
-    setMetaTags(product);
-    document.title = product.name;
+    // Only set metadata and LD+JSON for folder mapped PDPs
+    if (!getMetadata('sku')) {
+      setJsonLdProduct(product);
+      setMetaTags(product);
+      document.title = product.name;
+    }
   }, { eager: true });
 
   // Render Containers

head.html

@@ -27,5 +27,8 @@
 <link rel="modulepreload" href="/scripts/__dropins__/tools/event-bus.js" />
 <link rel="modulepreload" href="/scripts/__dropins__/tools/fetch-graphql.js" />
 <link rel="modulepreload" href="/scripts/__dropins__/tools/initializer.js" />
+<link rel="modulepreload" href="/scripts/__dropins__/tools/initializer.js" />
+<link rel="modulepreload" href="/scripts/__dropins__/tools/chunks/initializer.js" />
+<link rel="modulepreload" href="/scripts/__dropins__/tools/chunks/image-params-keymap.js" />
 
 <link rel="stylesheet" href="/styles/styles.css" />

scripts/scripts.js

@@ -348,6 +348,7 @@ async function loadEager(doc) {
       document.head.appendChild(linkTag);
     }
 
+    preloadFile('/placeholders.json', 'fetch');
     preloadFile('/scripts/__dropins__/storefront-pdp/containers/ProductDetails.js', 'script');
     preloadFile('/scripts/__dropins__/storefront-pdp/api.js', 'script');
     preloadFile('/scripts/__dropins__/storefront-pdp/render.js', 'script');