WordPress 更新通过更智能的脚本加载提高页面速度

跨境快讯 2024-02-01 03:09:15 woniu
2
导读:WordPress 更新添加了延迟脚本加载,以实现更快的页面速度和网站性能。 WordPress 6.4 更智能地加载脚本以提高页面速度。JavaScript 文件现在延迟或异步加载以防止阻塞。这些更改允许未来的优化,例如内容安全策略。

WordPress 6.4 版的最新更新包括对前端脚本加载方式的更改,这将改善许多网站的页面加载时间和性能。

脚本加载策略现已合并到 WordPress 的核心和捆绑主题中,提高了具有 defer 和 async 属性的加载脚本的性能。

这些属性指示浏览器在后台(异步)或在页面其余部分加载(延迟)后加载脚本,这可以显着加快页面变为交互式所需的时间。

通过智能脚本处理加快页面加载速度
以前,加载 WordPress 主题和插件中包含的 JavaScript 文件时没有指定它们应该异步加载。这意味着它们在获取和执行时会阻止其他下载并延迟页面呈现。

对于网站访问者来说,包含 WordPress 内容的页面在更新后加载速度会更快,特别是改进了 CWV 的首次内容绘制 (FCP) 指标,该指标会影响页面首次显示的速度。

幕后花絮:WordPress 如何实现这一目标
现在,来自 WordPress.com 的导航菜单和嵌入媒体等块的 JavaScript 文件在排队时添加了“延迟”。用于显示嵌入帖子的 wp-embed 脚本现在使用“defer”。
以前,添加这些属性的能力并未标准化。随着 WordPress 6.3 中专用 API 的引入以及 6.4 中的全面实现,开发人员现在可以通过标准化方法来控制脚本加载时间。

此外,更新将最延迟的脚本移回 <head> 部分,因为它们不再阻止渲染。这使得浏览器能够更早地发现并缓存它们,从而提高性能。一些优先级较低的脚本(例如评论回复脚本)将保留在页脚中,但通过“async”异步加载,因此它们与其他资源并行加载。

对网站访问者的现实影响
对于网站访问者来说,包含 WordPress 内容的页面在更新后加载速度会更快。页面首次出现后,页面元素的“卡顿”或移动将会减少。
这些变化为未来更好的优化奠定了基础。


https://www.searchenginejournal.com/wordpress-update-improves-page-speed-with-smarter-script-loading/498675/

版权声明: woniu 发表于 2024-02-01 03:09:15。
转载请注明: WordPress 更新通过更智能的脚本加载提高页面速度 | 跨境湾

相关文章