Overzicht van geladen scripts in Chrome overzicht

Open met de inspector tools van je browser de console tab en plak de onderstaande code.

const scripts = document.querySelectorAll('script[src]');

const scriptsLoading = [...scripts].map((obj) => {
  let newObj = {};
  newObj = {
    src: obj.src,
    async: obj.async,
    defer: obj.defer,
    'render blocking': obj.async || obj.defer ? '' : '🟥'
  };
  return newObj;
});
console.table(scriptsLoading);