免费的 WordPress JavaScript 插件
Frank Goossens 开发了免费的 Async JavaScript 插件。您可以使用该插件消除首屏上阻碍渲染的 Javascript (JS) 内容。它与 WordPress 4.6 及更高版本兼容。您可以免费下载五种语言的版本:荷兰语、美国英语和三种西班牙语方言
此应用程序可让您完全控制添加和消除脚本的延迟或等待属性,并帮助增加网站加载速度。其他提供异步 JS 加载的插件是 Lazy Widget Loader 和 Reverb for Publishers。
异步加载说明
通常,WordPress 一次加载一个脚本。 由于它必须在加载下一项之前完全加载一项,因此会增加网站的整体加载时间。
异步加载让文件并行加载。开发人员通过向您的 Javascript 中添加 async 属性或“defer”属性来排除特定脚本来做到这一点。
浏览器支持和 CSS
Async 是 HTML 5 中的新属性 和 Chrome、Internet Explorer 10 及更高版本、Firefox 3.6 及更高版本、Safari 和 Opera .它仅适用于内置的 WordPress 脚本队列。
另一个与 async 一起使用的方便属性是 await,它对 Web API 函数很有帮助。请记住,await 仅适用于异步函数。设置了一个特定的条件,只有当这个条件满足时,Javascript才会异步加载。
插件仅适用于 JS ,不会以任何方式更改您的 CSS 脚本。要优化 CSS,您需要为此功能使用专用插件。
提高网站性能
异步 JavaScript 为网站所有者提供了一种异步加载 JavaScript 或消除或延迟加载特定脚本的方法,从而减少页面加载时间。另一个有用的选项是“等待”,其中脚本仅在满足特定条件时加载。 Await 还简化了编码。
在最新版本中,开发人员添加了针对特定内联 JS 脚本的解决方法异步同步。
