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

Question

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

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

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

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

Answer 1

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

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

试试这个

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