Flying Scripts 是一个 WordPress 前端性能优化插件,他会延迟页面中 JavaScript 的加载和执行,直到用户没有活动为止。我们可以指定一些关键词来包含需要延迟加载和执行的 JavaScript,还可以设置用户空闲多长时间后开始执行 JavaScript。
为什么需要使用 Flying Scripts 插件
我们知道,JavaScript 和执行非常耗费资源,通过延迟加载和执行 JavaScript,我们可以优先处理关键的 JavaScript 文件,并为其分类更多资源,这样可以减少渲染时间,交互等待时间,首次 CPU 空闲时间、最大潜在输入延迟等参数。同时,通过减少请求数量,还可以降低浏览器的初始负载。
如果您正在投放谷歌广告,使用这个插件后,可以显著提高 PageSpeed 评分,从而带来更好的广告效果。即时你不投放广告,优秀的加载速度也能给用户带来良好的第一印象。
使用 Flying Scripts 的常见问题
任何对于现实首屏内容不必要的脚本,任何第三方脚本,都是适合延迟加载的。
内联脚本中用于唯一标识该脚本的任何关键字。例如,Facebook Pixel 的“fbevents.js”,Google Tag Manager 的“gtag”,Facebook Customer Chat 插件的“customerchat.js”。
defer
属性有什么不同 defer 属性告诉浏览器在找到脚本后下载它,并在 HTML 解析完成后执行。当你在 Flying Scripts 中包含脚本时,这些脚本只有在用户交互时才会执行。
来自用户的事件,如鼠标悬停、滚动、键盘输入、移动设备触摸等。
即使没有用户交互,脚本也会在指定的超时时间后执行。
除了使用 Flying Scripts 来延迟 JavaScript 加载,如果你使用了 Cloudflare 的 CDN,还可以其他 Rocket Loader 来实现类似的功能。