Flying Scripts 是一個(gè) WordPress 前端性能優(yōu)化插件，他會(huì)延遲頁(yè)面中 JavaScript 的加載和執(zhí)行，直到用戶沒有活動(dòng)為止。我們可以指定一些關(guān)鍵詞來(lái)包含需要延遲加載和執(zhí)行的 JavaScript，還可以設(shè)置用戶空閑多長(zhǎng)時(shí)間后開始執(zhí)行 JavaScript。
為什么需要使用 Flying Scripts 插件
我們知道，JavaScript 和執(zhí)行非常耗費(fèi)資源，通過(guò)延遲加載和執(zhí)行 JavaScript，我們可以優(yōu)先處理關(guān)鍵的 JavaScript 文件，并為其分類更多資源，這樣可以減少渲染時(shí)間，交互等待時(shí)間，首次 CPU 空閑時(shí)間、最大潛在輸入延遲等參數(shù)。同時(shí)，通過(guò)減少請(qǐng)求數(shù)量，還可以降低瀏覽器的初始負(fù)載。
如果您正在投放谷歌廣告，使用這個(gè)插件后，可以顯著提高 PageSpeed 評(píng)分，從而帶來(lái)更好的廣告效果。即時(shí)你不投放廣告，優(yōu)秀的加載速度也能給用戶帶來(lái)良好的第一印象。
使用 Flying Scripts 的常見問題
任何對(duì)于現(xiàn)實(shí)首屏內(nèi)容不必要的腳本，任何第三方腳本，都是適合延遲加載的。
內(nèi)聯(lián)腳本中用于唯一標(biāo)識(shí)該腳本的任何關(guān)鍵字。例如，F(xiàn)acebook Pixel 的“fbevents.js”，Google Tag Manager 的“gtag”，F(xiàn)acebook Customer Chat 插件的“customerchat.js”。
defer 屬性有什么不同 defer 屬性告訴瀏覽器在找到腳本后下載它，并在 HTML 解析完成后執(zhí)行。當(dāng)你在 Flying Scripts 中包含腳本時(shí)，這些腳本只有在用戶交互時(shí)才會(huì)執(zhí)行。
來(lái)自用戶的事件，如鼠標(biāo)懸停、滾動(dòng)、鍵盤輸入、移動(dòng)設(shè)備觸摸等。
即使沒有用戶交互，腳本也會(huì)在指定的超時(shí)時(shí)間后執(zhí)行。
除了使用 Flying Scripts 來(lái)延遲 JavaScript 加載，如果你使用了 Cloudflare 的 CDN，還可以其他 Rocket Loader 來(lái)實(shí)現(xiàn)類似的功能。
