预加载密钥请求-改进css调用

我正试图通过遵循Goggle的PageSpeed Insights建议来提高网站的加载速度。我需要解决的主要问题之一是：

该网页将此css文件称为：

“link rel=“stylesheet”href=“https:…/main.css”

main.css文件调用bootstrap.css文件：

在main.css中： @导入url（'bootstrap.css'）

我试着在link rel=preload上阅读谷歌的开发者指南，但是我仍然不知道我需要做什么改变。 有没有关于如何更改css调用以缩短页面加载时间的建议

非常感谢

在文档的

中，您只需添加一个元标记，告诉浏览器预加载字体即可

这需要出现在任何样式表链接之前

关键部件是

as=“style”

和

rel=“preload”

-

如果使用CDN等，可能需要交叉源站

不管它是链接的CSS文件，它仍然可以工作

对
main.css
文件也执行同样的操作