Question

当棱角材质图标在图标本身呈现之前首先呈现图标名称时，应该是问题所在。我在网上托管了角形材质图标，并且网络连接稳定，我认为这不应该成为问题。我还已经离线托管有角材质图标，请检查材质图标css的路径目录，但是问题仍然存在。先渲染图标名称，然后在视图渲染一会后，再渲染图标本身。

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

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

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

Answer 1

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

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

尝试这个

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