Google有一个非常酷的页面速度洞察工具:
https://developers.google.com/speed/pagespeed/insights/
还有一个很好的字体资源(例如,选择Roboto):
https://fonts.google.com/specimen/Roboto?selection.family=Roboto
但是,如果我按照官方步骤将字体嵌入到我的网站中,则页面洞察力将是“不愉快的”:
您的页面有1个阻止CSS资源。这会导致页面渲染延迟。
在不等待以下资源加载的情况下,无法呈现页面上的首屏内容。尝试延迟或异步加载阻塞资源,或直接在HTML中内联这些资源的关键部分。
优化以下内容的CSS传递:
这就是我从Page Insight工具得到的东西。
那么有没有完美的解决方案呢?