google pageSpeed Insights，javascript IS 在 WORDPRESS 折叠下方加载

google pageSpeed Insights, javascript IS loaded below the fold WORDPRESS

本文关键字：方加载 加载 折叠 WORDPRESS Insights pageSpeed javascript IS google      更新时间：2023-09-26

我是WordPress用户，有很多渲染阻塞的脚本和样式。

Google的PageSpeed Insights告诉我，我有大量的脚本，但是当我查看控制台时，它们被加载到/body标签的正上方。

例如，在结束正文标记上方加载的最后一个脚本如下所示：

  <script type="text/javascript" src="https://mysite.com/wp-includes/js/comment-reply.min.js?ver=3.9.2"></script>
  <div id="wpadminbar" class="" role="navigation"></div>
  <div id="tiptip_holder" style="max-width:290px;"></div>
  <iframe id="rufous-sandbox" scrolling="no" frameborder="0" allowtransparency="true" style="display: none;"></iframe>
  <div id="window-resizer-tooltip" style="display: none;"></div>
</body>

这最后一个剧本怎么看？

您可能希望使用 javaScript 函数来加载外部 javaScript 代码。
然后使用 

window.onload = function;

其中"功能"是加载函数的名称。

当然，请检查您<head>其他js。

您应该为页面加载生成 HAR HTTP 存档。 您可以使用谷歌浏览器的时间线记录器。有一个使用时间轴重新排序的在线指南，但有一个相当陡峭的学习曲线。它将为您提供所需的每个细节以及更多。

如何录制

：链接到如何录制

更简单，但细节较少，是使用 webpagetest.org 为您生成 HAR。获得页面速度测试摘要后，右上角有一个标有"导出HTTP存档（.har）"的链接。

然后使用 PHP 来分析 HAR。 这是相当粗糙的，但它是快速和容易的。

$data = @file_get_contents($path);
$json = json_decode($data,true);
echo '<pre>
var_export($json );
echo '</pre>

您要观察的是.js相对于其他内容开始加载时间的加载时间。

相关文章：