performancehttpgoogle-chrome-devtoolstypekit

Interpreting Typekit Network Requests


Can someone explain the bottom four network requests shown below for Typekit?

What I don't understand is:

The same data is reported regardless of whether compression is enabled.

Dev Tools says the calls are being initiated by Modernizr in the line below that reads bool = node.offsetTop === 9;

tests['touch'] = function() {
  var bool;

  if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
    bool = true;
  } else {
    injectElementWithStyles(['@media (', prefixes.join('touch-enabled),('), mod, ')', '{#modernizr{top:9px;position:absolute}}'].join(''), function(node) {
      bool = node.offsetTop === 9;
    });
  }

  return bool;
};

Chrom Dev Tools: Network Requests for Typekit


Solution

  • They are base64ed - that means that the files were converted to a text embeddable data format, and then inlined in the file. 0Bs were used for downloading the request, since it was embedded in another file, but the content of that data URI was 17.2KB