【问题标题】:PageSpeed Insights icomoon font recommendationPageSpeed Insights icomoon 字体推荐
【发布时间】:2019-07-23 09:29:42
【问题描述】:

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fsharktoy.dev.cooa.la%2Fhome%2Fen%2F_all123&tab=mobile 建议对 icomoon.ttf 使用链接 rel。但我不能只添加 link rel="preload" 因为它是通过 import 指令包含在另一个 css 文件中的。

添加 font-display: swap; 也无济于事(如 https://invisioncommunity.com/forums/topic/447420-font-icomoon-delay/ 中所述)。

【问题讨论】:

    标签: pagespeed


    【解决方案1】:
    • 您可以从该 css 中删除对字体链接的引用 资源并直接从您的 html 文件中调用,像这样

    • 从 css 中完全删除 tiff 引用,因为 .woff 字体格式是 足够了,所有现代浏览器都支持。

    【讨论】:

    • 如果我直接在我的html页面中用 声明字体,那么所有带有 rel="preload" 的字体都是加载。因此,页面大小会增加。
    • 如果我将 link="preload" 添加到 css 文件中,警告保持不变,因为仍然导入字体。
    猜你喜欢
    • 2019-05-07
    • 1970-01-01
    • 2016-09-04
    • 1970-01-01
    • 2013-09-30
    • 1970-01-01
    • 2016-12-24
    • 2019-07-09
    • 2021-07-17
    相关资源
    最近更新 更多