Twitter Bootstrap：减少编译时间

我正在使用 Twitter Bootstrap 编写一个简单的应用程序。在我的主 HTML 文件中，有以下几行：

<link rel="stylesheet/less" href="/static/less/style.less">
<script src="/static/js/libs/less-1.3.0.min.js"></script>

所以每次刷新页面时，都会生成整个 css。 每次大约需要 15 秒，所以等待页面加载是一件痛苦的事情。

我尝试使用 SimpLESS 从 less 文件中生成 css，但生成失败。 我会尽力让它发挥作用，但我也想知道我是否做错了什么......

我不喜欢每次都会生成 css，即使我不更改 less 文件。有没有办法以某种方式减少CSS缓存？ 或者也许这个问题还有其他替代解决方案？

我建议删除 .less 文件的一部分，看看是否有任何特定因素导致性能不佳。不应该那么慢。我的猜测是某个特定的 mixin 或函数导致了这个问题。

我还建议对 JavaScript 进行分析（Chrome 有一个很好的 JS 分析器），看看是否出现任何明显的情况，例如与 LESS 相关的函数，该函数速度缓慢且重复调用。

这是我的总体 LESS 策略，将来可能会对您有所帮助。我使用的是 Visual Studio 和 ASP.Net，但您可以在各种环境中执行此操作。

• 最重要的是，LESS 没有 JavaScript。一切都在服务器端完成。

• 在开发过程中，我通过以下方式请求 .less 文件dotLess http://www.dotlesscss.org/HTTP 处理程序，处理它们并处理缓存。时不时地，缓存会出现故障，我必须重新启动本地网络服务器，但这不是什么大问题。这使我能够对我的 less 进行实时更改，并且只需刷新页面即可看到它们。它也很快。

例子：<link rel="stylesheet" href="foo.less" />

• 对于生产，我使用构建操作将 .less 文件编译为单个 CSS 文件，并直接在页面中引用该 CSS 文件。这将所有动态因素排除在外。

例子：<link rel="stylesheet" href="final.css" />