Performance 页面加载网络分析

我有一个简单的页面，利用谷歌提供的有角度的自定义字体/图标，字体很棒

---

我试图理解为什么加载图标和字体之间有很长的差距。浏览器在后台做什么花了那么长时间？它不可能被初始化，因为浏览器甚至还没有加载脚本。

禁用缓存时是一样的吗？是的，是一样的。加载包含图标/字体的任何样式表后都会出现间隙。通过在angular中删除html模板的使用，我成功地提高了性能。此外，将字体加载到页面而不是主样式表中似乎也提高了性能。禁用缓存时是否相同？是的，是否相同。加载包含图标/字体的任何样式表后都会出现间隙。通过在angular中删除html模板的使用，我成功地提高了性能。此外，将字体加载到页面中而不是主样式表中似乎也提高了性能。