时间戳

首页 > 解决方案 > 如何“减少外部脚本的 JavaScript 执行时间”？

javascript - 如何“减少外部脚本的 JavaScript 执行时间”？

问题描述

我觉得我无能为力，但我想我会问这个问题，看看我是否错过了什么。

如何“减少外部脚本的 JavaScript 执行时间”？

当我使用 PageSpeed Insights 工具时，我目前的分数是 56，其中最大的问题之一似乎是一些外部脚本的执行时间存在问题。还有他们的缓存......但这是不同的问题。

https://load.sumo.com 总计：733 ms 脚本评估：587 ms 脚本解析：128 ms

https://sumo.b-cdn.net/virtual/####/client/js/services/services.js 总计：436 ms 脚本评估：212 ms 脚本解析：90 ms

https://connect.facebook.net/signals/config/###?v=2.8.33&r=stable 总计：215 ms 脚本评估：160 ms 脚本解析：53 ms

https://static.leadpages.net/leadboxes/current/embed.js 总计：133 ms 脚本评估：123 ms 脚本解析：10 ms

...

标签： javascriptwordpressperformanceseo

解决方案

您将无法控制这些外部脚本的作用。除了不包括它们之外，您唯一能做的就是推迟它们的加载。

一种方法是使用defer属性。 

<script defer src="https://example.com/script.js"></script>

这允许页面在稍后加载和执行脚本时继续加载和执行。此方法不适用于所有脚本，但适用于大多数脚本。您从提供商（例如 Facebook）中包含的许多脚本标签已经具有延迟加载的替代代码。

另请参阅： https ://flaviocopes.com/javascript-async-defer/

推荐阅读