使用 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() $(document).foundation(); 但似乎這還不能全部完成。 如果可以做到這一點，那就太好了，但目前看來希望不大。