使用 Foundation 6 - 异步加载 CSS 和 JavaScript

Question

我终于意识到为什么我在使用 Foundation 6 时遇到了这么多问题。我一直在使用 LoadCSS 来加载非关键 CSS 异步，并使用 defer 来加载我的 JavaScript 异步。似乎 Foundation 的 JavaScript 依赖于已经存在的样式（例如断点检测）

所以在第一次加载时（在被浏览器缓存之前），不能保证哪个会先加载，JavaScript 或 CSS，因为它们都是异步加载的。发生这种情况时，它会中断。

我正在尝试组织我的项目工作流程，以便 JavaScript 和非关键 CSS 都异步加载而不是渲染块。看来我不能用 Foundation 做到这一点。

有没有办法保证我的 CSS 会首先加载？有没有更好的方法来处理这个想法？

Answer 1

我也一直在努力。可以做一些事情来提高质量，比如在$(document).foundation(); 之前运行Foundation.MediaQuery._reInit()，但似乎仍然不能做到这一切。如果能做到这一点就好了，但目前看来希望不大。