如何修复 prestashop 中 JavaScript 的延迟解析？

Question

我在 gtmetrix.com 上测试了我的网站。它向我显示以下错误：

在初始页面加载期间解析了 717.8KiB 的 JavaScript。延迟解析 JavaScript 以减少页面渲染的阻塞

为了解决这个错误，我从google找到了以下解决方案：

1.使用异步属性：
当我在脚本中使用异步属性时。它在谷歌浏览器中工作正常，但在其他浏览器中不起作用

例如：

{foreach  $javascript.external as $js}

<script async type="text/javascript" src="{$js.uri}" {$js.attribute} ></script>

{/foreach}

2.使用defer属性：同样创建上述问题。

3.将javascript从上到下：

在我的网站中，当我将 javascript 从上到下放置时，有 3 到 4 个滑块，如果我删除底部的 javascript 并放入标题，滑块将无法正常工作。 所以请告诉我如何解决这个错误。

我在等你的重播

Answer 1

您应该将您的 javascript 放在页面底部并重写您的滑块，以便在未加载 javascript 时也能正常显示。您的滑块应该毫无问题地显示第一张图片，并在 javascript 完全加载后顺利启动。