我尝试提高网站速度，因为我将购买的主题的某些功能集成到我的网站中，并在所述主题的网站上遇到了这个有趣的功能。
我现在遇到的问题是我的CSS样式表是绝对庞大的（220kb）并且需要很长时间（3-4秒）才能加载。我正在努力减少这种情况，但那是一个不同的故事......
当我尝试在主题开发者网站上加载完全相同的页面时，加载速度要快得多。经过检查，在我的网站上，我找到了我的尺寸＆＃39;和＆＃39;内容＆＃39;开发工具中样式表的数量大致相同。
在开发者的页面上，尺寸远小于内容。这是否意味着只从HTML样式中下载HTML中调用的元素？如果是，那么如何实现这一目标，因为它听起来非常有效。
我还认为这是因为开发人员的页面正在缓存浏览器中的内容，但我已经禁用了缓存，但它仍然只加载了一部分内容。
我的网站缓存是顺便说一句，我只是想加快初始加载时间。
有什么想法吗？
相关图片：
禁用缓存：
Dev的网站，其内容比例较小 - http://i.imgur.com/B3uhOWF.png
我的网站大小/内容比率为1：1 - http://i.imgur.com/Ymu2YRz.png
答案 0 :(得分：2)
在我的头顶，你可以缩小你的CSS。有一些免费工具，包括Page Speed Insights for Chrome。
请参阅https://developers.google.com/speed/docs/insights/MinifyResources
看起来你的CSS已经在一个缩小的文件中，但可能内容不是！
这样人们就不会感到困惑。解决方案是在服务器上启用gzip，您可以在https://developers.google.com/speed/articles/gzip阅读更多信息（但仍然会缩小您的CSS）。
答案 1 :(得分：1)
感谢用户worldofjr，我在服务器上找到了ENABLE GZIP的答案。
速度令人难以置信的增加。
每当有人注册虚拟主机时，都应该阅读。我不能相信我的网站在没有这个的情况下已经用了1年才能启用!!!
答案 2 :(得分：1)
＆＃34;在开发者的页面上，尺寸远小于内容。这是否意味着只从HTML样式中下载HTML中调用的元素？如果是，那么如何实现这一点，因为它听起来非常有效。＆＃34;
这通常不是css如何运作的。即使您以某种方式实现它，您所描述的内容可能也不会非常有效。服务器必须知道要发送哪些样式，这需要浏览器加载页面并发送它的列表，服务器必须生成自定义css并将其发回...
你当然可以限制哪个css加载到哪里 - 你应该。但这必须手动完成，至少在我的经验中。
无论如何，在继续之前需要考虑以下几点：
我认为200k对于样式表来说确实非常重要。我在CSS总重量上工作的大多数网站可能是20k。或更少。我调查你的原因是如此巨大。也许出了点问题。缩小可能有所帮助，但它不会让你失去一个整数量级。
然而，即使它是世界上最大的CSS文件，200k也不算大。不是4-5秒大。我现在在一个网站上工作，整个页面的重量约为350kb，而且我在一秒钟之内加载它。我再次怀疑其他事情出了问题。 CSS的大小可能表示某些东西，但我怀疑它并不纯粹是下载文件的时间。
