Angular Material Icons 在图标渲染之前显示图标名称答案

【问题标题】：Angular Material Icons Displays Icon Name Before Icon RendersAngular Material Icons 在图标渲染之前显示图标名称
【发布时间】：2020-05-17 06:48:08
【问题描述】：

当有角材质图标在图标本身呈现之前先呈现图标名称时应该是什么问题。我在网上托管了 angular material 图标，我有稳定的互联网连接，我认为这不应该是问题。我也已经离线托管了角度材质图标，检查材质图标css的路径目录，但是问题仍然存在。它呈现图标名称，然后在视图呈现片刻之后，它会呈现图标本身。

下面是我的问题的实际图像。图标名称首先呈现在图标本身之前。请让我知道是否有任何解决方案，例如是否可以在图标本身呈现之前隐藏图标名称，因为它确实会影响设计。

这就是我显示图标的方式。

<mat-icon>home</mat-icon>

【问题讨论】：

渲染图标组件需要时间，我会改用 Font Awesome 5

标签： angular angular-material

【解决方案1】：

您是否听说过使用rel=preconnect 提早建立网络连接并提高性能。

将rel=preconnect 添加到<link> 会通知您的浏览器您的页面打算与另一个域建立连接，并且您希望该过程尽快启动。这将加载更快，因为在浏览器请求它们时设置过程已经完成。

试试这个

<link rel="preconnect" href="http://example.com">

【讨论】：