如何最小化CSS文件大小？

Question

我已经建立了一个名为http://typingtutorfree.com/的网站。如何最小化CSS文件大小？它花了很多时间来加载网站。还有其他方法可以让它加载更快吗？请给我一些解决方案，让我的网站加载速度快。

Answer 1

您的第一个选择是连接任何CSS块。重复样式只会导致加载速度更长。

如果你的CSS代码已尽可能小，那么诸如http://csscompressor.net/之类的网站可以删除新行和其他代码形式，使输出不可读但却相当小。

由于服务器上行链路的限制，您的网站可能无法快速分发CSS。有许多服务，例如CloudFlare，它们能够缓存大量文件，包括CSS，并以更少的加载时间将其发送到浏览器。

Answer 2

您的CSS大约需要200毫秒才能加载，所以问题不在那里。你有很多javascript / jquery文件（快速计数：其中35个），你可以缩小它们来加速一些事情。你还应该检查一下你是否真的需要全部35个，并删除那些你不需要的东西。

您可以使用许多工具缩小JS文件（如果您使用Dreamweaver或visual studio，包括缩放器），或者在互联网上。

Google提供了一个工具：http://closure-compiler.appspot.com/home或者您有其他网站提供相同的服务：example，another one，third example。

如果你想要的话，最后一个也压缩你的CSS。

最后一点建议：检查error.wav文件，因为加载需要花费很多时间。看看你是否能以任何方式压缩它。

Answer 3

您可以通过删除不必要的空格，换行符，缩进，注释，分号，引号以及尽可能合并规则来缩小CSS文件的文件大小。

我个人使用像https://compresscss.net/这样的在线工具来简化操作。

Answer 4

我读过这篇文章，可能会非常有助于加快您的网站加载链接，如下所示 但需要遵循文章中提到的内容。

http://designrfix.com/css/css-tricks-website-load-faster