less.js负载影响

时间:2011-10-12 15:28:15

标签: css less pageload

less.js对网站的速度有多大影响?

出于标准化目的,我们假设我们正在使用Benchmark.less

编译过程比预编译的css慢多少?此外,在什么文件大小的用户会看到性能影响?

4 个答案:

答案 0 :(得分:4)

您可以使用Firebug检查加载时间(您将看到加载时间需要多长时间)。

此外,在您将其放入网站之前,您仍然可以选择compile your .less to .css locally甚至do it online

修改

以下是我在本地服务器上尝试使用benchmark.less的内容:

less: parsed hxxp://localhost/testing/css/style.less successfully.
less: saving hxxp://localhost/testing/css/style.less to cache.
less: css for hxxp://localhost/testing/css/style.less generated in 640ms
less: css generated in 641ms

P.S。无论负载影响是什么,我仍然会在你把它上线之前把它编译成css,其他那些被JS禁用的人什么也得不到。

答案 1 :(得分:2)

我正在使用twitter bootstrap,而less.js文件的页面加载速度有点慢。 只需加载引导程序导航和我的页面加载时间是> 1s(1.08s)是准确的;那很慢。

虽然没有任何优化!

答案 2 :(得分:1)

如果你没有缓存更少,并且你正在运行像twitter bootstrap这样简单的东西,你可以添加一整秒的加载。它要求测试和缓存有效,否则结果可能对您的网站造成不利影响。

答案 3 :(得分:1)

我们在一个相当大的项目中使用较少(我们编译的css大约是9k行 - 我们已经花了相当长的时间来保持最小化)。在Chrome上,在快速笔记本电脑上运行本地服务器,less.js在大约600毫秒内编译我们较少的文件。在Safari上 - 其他一切都一样 - 它神秘地需要5s(!)。在Firefox 4.3s(!)上。我的iPad第4代需要花费大量的时间。在网络缓慢的情况下,情况会更糟。

预编译,CSS可以在所有浏览器上立即有效加载。

值得注意的是,谷歌在V8中所做的任何优化对于less.js来说都比Safari和Firefox的引擎明显优越,但这里是踢球者:

  1. 直到最近,我们较少的编译速度足够快,以至于在所有浏览器上都无法察觉(包括iOS上的Safari)。我们做了一些改变,我们不知道是什么减慢了它。如果我们的文件较少,较小不大(我们有一个专门用于CSS优化的人)。

  2. 我们无法找出从较少编译器中获取有用信息的方法。

  3. 我们打算尝试使用SCSS / SASS,但似乎每个人都从SASS切换到LASS,所以我猜测草地的那边不再是绿草。

  4. 我会说,如果你对移动客户端(特别是iOS)感兴趣,请避免像瘟疫一样少玩。