Question

这是我的网站：http://vani.valse.com.my/pixel

我在https://developers.google.com/speed/pagespeed/insights进行了测试。

它要求删除渲染阻止js文件，即“js / jquery-1.7.1.min.js”。

但我的网站中没有此文件，所有js文件都被压缩并放在页脚中。我甚至推迟加载页面，但没有任何作用。以下是我的延迟代码：

<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "js/jquery-1.7.1.min.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>

任何人都可以建议为什么即使文件无处可寻，也会显示错误？非常感谢。

HTML（index.php）

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Pixel Marketing - Home</title>

   <link rel="stylesheet" href="css/foundation.min.css">

  </head>
  <body id="home">
      <div class="row collapse">
         <div class="menu">
          <?php
          include('inc/menu.php');
          ?>
         </div>
      </div>

<!--content here-->

<script src="js/foundation.min.js"></script>

    <script>
      $(document).foundation();
    </script>

  </body>
</html>

Answer 1

似乎没有正确提供路径

element.src = "js/jquery-1.7.1.min.js";

要么正确地写道路

element.src = "full-path-to-jquery/jquery-1.7.1.min.js";

你可以从CDN中取出它

element.src = "https://code.jquery.com/jquery-1.7.1.min.js";

Answer 2

最佳做法是在关闭body标签之前将所有脚本包含在页面末尾。这是因为当浏览器找到脚本标签时，它会在继续阅读页面之前下载并执行它，因此会阻塞＆＃34;加载的页面。

您实际上是在页面顶部附近包含jquery：

<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>

在加载页面时它确实在控制台中出错，因为是的，你没有该文件。

，如果你不需要它，请立即删除它和脚本。

谷歌PageSpeed Insights说'删除渲染阻止js文件'

2 个答案: