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

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

脚本加载策略现在被纳入WordPress的核心和捆绑主题中,提高了带有延迟和异步属性的脚本加载的性能。这些属性指示浏览器在后台(异步)或在页面的其余部分加载后(延迟)加载脚本,这可以显着加快页面变为交互式所需的时间。以前,包含在WordPress主题和插件中的JavaScript文件是在没有指定它们应该异步加载的情况下加载的。这意味着它们会阻止其他下载,并在下载和执行时延迟页面渲染。对于网站访问者来说,包含WordPress内容的页面在更新后加载速度会更快,特别是提高了CWV的第一次内容绘制(FCP)指标,这影响了页面首次出现的速度。

如导航菜单和嵌入媒体从WordPress.com现在有’ defer ‘添加在排队时。用于显示嵌入文章的wp-embed脚本现在使用了“defer”。以前,添加这些属性的能力并不是标准化的。在WordPress 6.3中引入了专用API,并在6.4中全面实现,开发人员现在有了一种标准化的方式来控制何时加载脚本。此外,更新将延迟最多的脚本移回部分,因为它们不再阻塞渲染。这允许浏览器更早地发现和缓存它们,从而提高性能。一些较低优先级的脚本,如评论回复的脚本,将保留在页脚,但使用’ async ‘异步加载,因此它们与其他资源并行加载。对于网站访问者来说,包含WordPress内容的页面在更新后加载速度会更快。在页面首次出现后,页面元素的“jank”或移动将会减少。这些变化为将来更好的优化奠定了基础。

 

滚动至顶部