我正在尝试提高我的网站速度，因为我将购买的主题的某些功能集成到我的网站中，并在该主题的网站上发现了这个有趣的功能。
我现在遇到的问题是我的 CSS 样式表非常庞大 (220kb) 并且需要很长时间(3-4 秒)才能加载。我正在努力减少这种情况，但这是另一回事...
当我尝试在主题开发者的网站上加载完全相同的页面时，加载速度要快得多。经检查，在我的网站上，我发现开发工具中样式表的“大小”和“内容”数量大致相同。
在开发者页面上，尺寸远小于内容。这是否意味着只有 HTML 中调用的元素是从样式表下载的？如果是，如何做到这一点，因为这听起来非常有效。
我也认为这是因为开发者的页面缓存了我浏览器上的内容，但我禁用了缓存，它仍然只加载了一部分内容。
顺便说一句，我网站的缓存有效，我只是想加快初始加载时间。
有什么想法吗？
相关图像:
缓存禁用:
Dev 的网站尺寸/内容比例较小 - http://i.imgur.com/B3uhOWF.png
我的网站大小/内容比例约为 1:1 - http://i.imgur.com/Ymu2YRz.png
最佳答案
在我的脑海中，您可以缩小您的 CSS。有一些免费工具，包括适用于 Chrome 的 Page Speed Insights。
参见 https://developers.google.com/speed/docs/insights/MinifyResources
看起来您的 CSS 已经在一个缩小的文件中，但内容可能不是!
只是为了让人们不感到困惑。解决方案是在服务器上启用 gzip，您可以在 https://developers.google.com/speed/articles/gzip 阅读更多相关信息。 (但仍然缩小你的 css)。
关于html - 防止加载整个 CSS 样式表 - 只加载需要的内容？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25436759/