Use <link> to define templates and load them ondomready

load_template.js

$(function() {
  var tplts = Object.create(null), importLinks = $('link[rel="import"]');
  // load all imported templates
  importLinks.each(function(idx, elem) {
    $.get(elem.href, function(data) {
      var view = elem.getAttribute('href');
      tplts[view] = data;
      if (Object.keys(tplts).length == importLinks.length) {
        // all are loaded
        console.info("all templates are loaded:", tplts);
      }
    }, 'text');
  });
});

Define a template like this:

<link rel="import" href="partials/template1.html">