我看过几篇有关比较这两种方法的文章，我将在底部链接这些文章，但我对自己的速度测试结果感到困惑。
在速度/优化测试我们的网站时，我发现Google字体的'<'link'>'：
<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400' rel='stylesheet' type='text/css'>
显示为渲染阻止资源，其桌面潜在的时间节省为230ms，移动设备为780ms。
对相同的字体使用@import片段：
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400');
我从头部移除了'<'link'>'并将其放入我们的一个样式表中（该样式表也位于头部中），但是在运行更多样式表之后，该样式表的潜在节省时间没有任何变化速度/优化测试。我注意到的唯一区别是，在渲染阻止资源中不再列出google字体链接。
我不太明白为什么现在包含@import片段的样式表中可能节省时间的结果根本没有增加，尽管这可能是我从根本上误解了速度指标。任何见解，警告或建议，将不胜感激。
半相关职位：