0

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

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

例如，在结束 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>

最后一个脚本是如何被考虑的？

4

1 回答 1

0

您可能想要使用 javaScript 函数来加载您的外部 JavaScript 代码。
然后使用

window.onload = function;

其中“fucntion 是加载函数的名称。

当然检查你<head>的其他js。

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

如何录制：链接到如何录制

使用webpagetest.org 为您生成HAR 更简单，但细节更少。获得 Page Speed 测试摘要后，右上角有一个标记为“Export HTTP Archive (.har)”的链接。

然后用PHP来分析HAR。这是相当粗略的，但它又快又容易。

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

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

于 2015-01-06T01:05:14.117 回答