网站需要很长时间才能加载style.css

Question

我网站上的其他所有内容都非常适合。

另一方面，我的style.css大约需要15秒才能加载。

我背后的唯一想法就是因为我试图将外部字体加载到1.7mb的网页上。然后我下载了FontForge并继续删除所有字体，除了我需要的几个字母。

字体大小现在为184KB。我刷新了我的网站，style.css仍然需要大约15秒才能加载。

问题是，我怎样才能知道是什么让我的网站需要15秒才能加载style.css

这是关于字体

的style.css

@font-face {
    font-family: Gabriola;
    src: url('../fonts/gabriola.eot');
    src: url('../fonts/gabriola.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/gabriola.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/gabriola.ttf')  format('truetype'), /* Safari, Android, iOS */
}

这是包含字体和大小的文件夹

Answer 1

打开浏览器的开发工具，打开性能和网络监控，然后加载您的网站，然后查看这两项内容的结果。您也可以尝试在https://developers.google.com/speed/pagespeed/insights/中加载您的网站，看看它告诉您的网站是如此慢。