用延迟功能推迟其余文件

banuakter82@gma

将代码分成小文件，并首先加载强制和必需的代码。使用延迟功能推迟其余文件并在最后加载它们。 删除多余的代码。 压缩 JavaScript 文件。 使用延迟加载功能来加载 JS 文件。 为您精心挑选的内容： Twitter 上的品牌 (X) |怎样才能走进大家的心里呢？ 3.利用DNS Prefetch功能提高TBT速度 改善总阻塞时间的另一件事是使用 Prefetch DNS。当用户在浏览器中输入我们网站的地址时，会发送请求（HTTP 请求）并获取网站的 IP。然后浏览器将另一个请求发送到站点服务器并请求其文件。


现在，如果我们从其他域加载站点上的文件，将为每个域发送这些请求。例如，当 C级联系人列表 显示来自 Aparat 网站的视频、在页脚中显示组织徽标、使用 Google 字体等时，对于每个网站，这些请求都是从您的网站发送的。 虽然发送请求所花费的时间很少，但如果请求数量很大，就会导致站点出现问题并增加阻塞时间或TBT。要解决这个问题，最好的方法之一就是使用 DNS Prefetching 功能。在这种方法中，所有域名都会立即转换为其相应的IP并缓存在用户的系统中。因此，不会为每个请求发送单独的请求。 请注意，您不应将此功能用于网站上的链接。




因为你的网站一开始就被缓存了。此方法适用于第三方网站。 <link rel=”dns-prefetch” href=”//yourdomain.com”> 注意：为了更好地理解该问题，我们建议您研究 DNS 及其与 IP 的关系。 如果您使用 WordPress，则Perfmatters和wp Rocket插件中提供此功能。在足够的wp Rocket插件中，在预加载部分和“预接收DNS请求”部分中，输入站点的链接。 wp Rocket 插件中预取 DNS 请求 4. 减少 JavaScript 和 CSS 文件的大小 通常，脚本或 CSS 代码内有注释、空格、附加代码和其他内容。