Php Less.js花一秒钟加载样式

我的问题是，当你转到这个页面时，页面样式会像一秒钟一样加载进来。我希望它像我使用常规css一样加载。我在头部有较少的样式表，在身体底部有较少的.js。我正在使用less.js 1.3.3和PHP而不是html。在此方面的任何帮助都将不胜感激

由于脚本必须首先解析css，因此您永远不会像原生css那么快。然而，FOUC的这种强大形式来自这样一个事实，即您在正文中提供的脚本较少，因此在转换和应用样式之前会呈现完整的文档。解决方案是将

less.js

脚本放在头部。是的，这会减慢页面加载过程，但我认为这是一个更好的折衷方案

---

就个人而言，我永远不会（至少在生产环境中）使用js版本，而是始终在服务器端处理样式。假设用户已阻止javascript或根本没有可用的javascript。

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

这样一来，当更少的人参与进来时，变化就不那么明显了

---

还可以通过用户浏览器和服务器缓存less.js输出（如果可能）。这样还可以改进导航。

在开发过程中，您只需要使用客户端较少的渲染器：

客户端是最简单的入门方式，有利于开发 你的钱少了。对于生产，尤其是在性能非常重要的情况下， 我们建议使用node或许多第三方软件中的一个进行预编译 工具

实际上，您可以：

安装Node.JS并呈现该文件，然后将（静态）编译版本放在网上

使用GUI应用程序编译LESS文件。确保这是一个最新版本，并且他们的内部版本保持最新。（更容易）

如果您使用的是类似PHP的东西，那么就有较少编译器的PHP端口。这样，它在服务器端呈现并缓存。（更方便）

---

谢谢你的帮助。这真的帮了我大忙！谢谢，我现在已经把less.js放在头上，它停止了延迟加载。谢谢你的帮助！这不是延迟加载-浏览器在找到相应的脚本标记时请求资源。由于在正文底部请求较少的文件，文档的其余部分已经呈现（没有样式）。另一方面，延迟加载意味着在需要时加载资源（可能永远不会）。如果你的问题解决了，接受你认为最适合表明你的问题已经解决的答案。不是真的。如果浏览器禁用了javascript怎么办？仍然有很多人禁用javascript。这正是我的想法（这就是我在回答中所说的）。尽管如此，重复代码是不可能的。你迟早会遇到许多问题。我们应该使用Rikkus的解决方案来解决这个问题。这个问题不再有用，因为所提到的网站已经不存在了，而且也没有说明需要编译的文件少了多少。投票关闭（尽管不难猜测答案是“不要使用客户端脚本并将您的ls文件预编译为css”）.我刚才试图删除这个问题，但它不允许我这样做@最多七个阶段。我很久以前就想出了这个问题的答案。但当我试图删除它时，它说这个问题有答案，不能删除。