我页面上最大的加载元素是字体答案

【问题标题】：The biggest loaded element on my page is the font我页面上最大的加载元素是字体
【发布时间】：2022-06-10 20:52:55
【问题描述】：

我正在通过 GTmetrix 测试页面的性能，我注意到页面上加载的最大元素是字体系列。有没有办法以某种方式降低这个？这是我加载字体的方式：

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;600&display=swap" rel="stylesheet">

【问题讨论】：

标签： css webfonts google-fonts

【解决方案1】：

您可以在最后一个link 标签中插入type 属性并将其设置为text/css，所以它看起来像这样：

<link href="https://fonts.googleapis.com/css2f?amily=Inter:wght@500;600&display=swap" rel="stylesheet" type="text/css">

这可能会减小字体文件的大小。

【讨论】：