解释 Typekit 网络请求答案

【问题标题】：Interpreting Typekit Network Requests解释 Typekit 网络请求
【发布时间】：2014-05-07 03:00:41
【问题描述】：

有人可以解释下面显示的 Typekit 的底部四个网络请求吗？

我不明白的是：

为什么它们显示0 B 的大小，而显示17.2 KB（等）的内容？
这些字体文件真的有四个 HTTP 请求吗？

无论是否启用压缩，都会报告相同的数据。

Dev Tools 表示，Modernizr 在下面的行中发起了调用，上面写着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;
};

【问题讨论】：

标签： performance http google-chrome-devtools typekit

【解决方案1】：

它们是base64ed - 这意味着文件被转换为text embeddable data format，然后在文件中内联。 0B 用于下载请求，因为它嵌入在另一个文件中，但该数据 URI 的内容为 17.2KB

【讨论】：

感谢您的回复。我认为没有为这些订单项发出 HTTP 请求是否正确？
正确 - 未发出请求，因为它包含在另一个文件中。您实际上可以filter out data uris，因为与它在一起并不是非常有用
谢谢。是的，这让我感到困惑——在“网络”选项卡中看到不涉及网络请求的项目。过滤掉这些对我来说似乎是正确的选择。