List external scripts being loaded on the HelloFresh Website

list_external_scripts.js

const resources = window.performance.getEntriesByType('resource');

const isHF = (resource) => /\w*\.(hellofresh|cloudflare)\.\w*/.test(resource);

const nonHFResources = resources.reduce((result, resource) => {

  return !isHF(resource.name) ? result.concat(resource) : result

}, []);

const externalThirdPartyScripts = nonHFResources
  .filter(val => val.initiatorType === 'script')
  .map(list => `${list.name} - ${list.transferSize ? Math.round(list.transferSize/1024)+'KB' : 'N/A'}`);

console.log('%s external scripts that aren\'t classified as required for the app were loaded!! 🛠', externalThirdPartyScripts.length);
console.log(externalThirdPartyScripts.join('\n'));

// the size of the javascript file would be listed as "N/A" if the server doesn't send the "Timing-Allow_Origin" header
// see https://w3c.github.io/resource-timing/#sec-timing-allow-origin