build-link-header.ts

// This is meant to be run from phantomjs
var webPage = require('webpage');
var page = webPage.create();
var resourcesRequested = [];
page.onResourceRequested = function (requestData) {
  requestData.url = requestData.url.replace(new RegExp("http://localhost:8080"), "")
  requestData.url = requestData.url.replace(new RegExp("https?://trajano.net"), "")
  requestData.url = requestData.url.replace(new RegExp("http://"), "https://")
  if (requestData.url.match(/\.svg$/)) {
    requestData.as = "image"
  }
  if (requestData.url.match(/\.css$/)) {
    requestData.as = "style"
  }
  if (requestData.url == "https://fonts.googleapis.com/icon?family=Material+Icons") {
    requestData.as = "style"
  }
  if (requestData.url.match(/\.png$/)) {
    requestData.as = "image"
  }
  if (requestData.url.match(/\.jpg$/)) {
    requestData.as = "image"
  }
  if (requestData.url.match(/\.js$/)) {
    requestData.as = "script"
  }
  if (requestData.url.match(/\.ttf(\?.*)?$/)) {
    requestData.as = "font"
  }
  if (requestData.url == '/') {
    return
  }
  if (requestData.url.match(/&/)) {
    return
  }
  // do not preload stuff from wp-content, they could be responsive so let the browser decide when to get them.
  if (requestData.url.match(/wp-content/)) {
    return
  }
  resourcesRequested.push(requestData);
};
page.open('https://trajano.net', function (status) {
  var s = ""
  resourcesRequested.forEach(function (resource, i) {
    if (resource.url.match(/^\//)) {
      s += ("Header merge Link \"<" + resource.url + ">;rel=preload;as=" + resource.as + "\"\n")
    } else {
      console.log("<link rel=\"preload\" href=\"" + resource.url + "\" as=\"" + resource.as + "\">")
    }
  })
  console.log(s)
  phantom.exit();
});