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

Question

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

因此，在首次加载时（在浏览器缓存之前），无法保证首先加载JavaScript或CSS，因为它们都加载了异步。当发生这种情况时，它会中断。

我正在尝试组织我的项目工作流，以便JavaScript和非关键CSS加载异步，而不是渲染块。我似乎无法与基金会合作。

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

Answer 1

我也一直在努力。您可以采取一些措施来提高质量，例如在Foundation.MediaQuery._reInit()之前运行$(document).foundation();，但似乎仍然不能完全解决问题。如果可以做到，那就太好了，但目前看来还不太希望。