1. 首页
  2. 问答
  3. Less.js需要一秒钟才能加载样式

Less.js需要一秒钟才能加载样式

2013-06-19 32 views
0

我的问题是当您转到此页面时http://www.executivetravelholdings.com页面样式加载时像一秒钟。我希望它加载，如果我使用常规的CSS。我的头部样式表较少，身体底部的less.js较少。我使用less.js 1.3.3和PHP而不是html。任何帮助，这将不胜感激。Less.js需要一秒钟才能加载样式

来源

2013-06-19 dowomenfart

+0

问题不再有用，因为提到的网站已经不存在了，并且没有说明需要编译的文件是多少。 –

+0

投票结束（尽管不难猜测答案是“只是不要使用客户端脚本并将你的ls文件预编译为css”）。 –

+0

前段时间我试图删除这个问题，但它不让我。 @七阶段-MAX。不久前，我想出了这个问题的答案。但是，当我试图删除它说这个问题有答案，不能被删除。 – dowomenfart

回答

1

你永远不会像原生css那样快，因为脚本必须首先解析css。然而，这种强大的FOUC形式来自于这样一个事实，即您在主体中提供的脚本较少，因此整个文档在样式转换和应用之前得到呈现。解决方案是将less.js脚本放在首位。是的，这会减慢页面加载过程，但我认为这是更好的折衷。

就个人而言，我会从不（至少对于生产环境）使用js版本，但始终处理样式serverside。想象一下，用户已经阻止了JavaScript或根本没有可用的JavaScript。

来源

2013-06-19 12:20:08 Christoph

+0

谢谢我现在把less.js放在头上，它停止了懒加载。谢谢您的帮助！ – dowomenfart

+0

这不是延迟加载 - 浏览器在找到相应脚本标记时请求资源。由于您在正文底部请求较少的文件，文档的其余部分已经呈现（没有样式）。另一方面，延迟加载意味着在需要时加载资源（可能永远不会）。如果您的问题得到解决，请接受您认为最适合的答案，以表明您的问题已解决。 – Christoph

0

有一个备份样式表，它至少将所有对象放置在正确的位置并具有简单的格式。

这种方式当少踢时，变化并不那么明显。

还有你的less.js输出由用户浏览器和你的服务器缓存（如果可能的话）。这样你也可以改善导航。

来源

2013-06-19 12:22:26 Tschallacka

+0

重复的代码总是一个不好的解决方案... – Christoph

+0

不是。如果浏览器禁用JavaScript，该怎么办？仍然有很多人禁用JavaScript。 – Tschallacka

+0

正是我的想法（这是我在我的回答中所述）。尽管如此，重复的代码是不可行的。你会比以后更早遇到许多问题。应该使用Rikkus解决方案来解决这个问题。 – Christoph

1

你只应该在开发过程中使用客户端的LESS渲染：

客户端是最简单的入门方法和良好的发展 性较低。对于生产，特别是如果性能很重要，我们建议使用节点或许多第三方工具之一进行预编译。

LESS homepage

在实践中，您可以：

  1. 安装的Node.js和渲染的文件，然后把（静态）编译的版本，并把它放到网上。
  2. 使用GUI应用程序编译LESS文件，like SimppLESS。请确保它是最新版本，并且保持其内部LESS版本保持最新。 （更简单）
  3. 如果您使用的是类似PHP的东西，则有LESS编译器的PHP端口。这样，它就呈现在服务器端并被缓存。 （更方便）

来源

2013-06-19 12:25:43 RikkusRukkus

+0

感谢您的帮助。这真的帮助我了！ – dowomenfart

相关问题

 相关问题