Flying Scripts by WP Speed Matters

外掛說明

使用者互動時才下載及執行 JavaScript。

快速連結

Flying Scripts 會在沒有使用者活動時,延遲 JavaScript 的執行。網站管理員可以指定關鍵字,以便納入要進行延遲的 JavaScript。這個外掛也可以設定為在超過一定時間即使沒有使用者活動,還是執行 JavaScript。

網站應該使用這個外掛的原因

執行 JavaScript 會產生資源爭用的狀況。藉由延遲執行不重要、初始轉譯不需要的 JavaScript,將重要的 JavaScript 檔案提升執行優先序及給予更多資源,並能讓網站降低轉譯時間、可互動時間、首次 CPU 閒置、潛在輸入延遲上限等效能瓶頸,並能透過減少要求數量降低瀏覽器的初始負載。

參與者

安裝方式

  1. 前往 [外掛] 頁面,並點擊 [安裝外掛]。
  2. 搜尋「Flying Scripts」。
  3. 在 WordPress 的 [外掛] 頁面啟用 Flying Scripts 外掛。
  4. 前往 [設定]→[Flying Scripts] 進行設定。

常見問題集

要納入哪些理想的指令碼?

任何不是用於繪製第一個檢視畫面捲動內容上方的不重要指令碼,第三方指令碼如追蹤指令碼、對談外掛等,均是可納入的理想指令碼。

應該將哪些項目納入關鍵字中?

請納入內嵌指令碼中對該指令碼具備唯一識別作用的任何關鍵字。例如,用於 Facebook Pixel 的 fbevents.js、用於 Google Tag Manager 的 gtag,用於 Facebook Customer Chat 的 customerchat.js

這與 defer 屬性的差異在何處?

defer 屬性會通知瀏覽器,在找到指令碼後下載指令碼並在 HTML 轉譯完成後加以執行;而網站會在安裝了 Flying Scripts 並將指令碼納管後,只有在使用者互動時才執行這些指令碼。

什麼是使用者互動?

使用者將游標暫留於連結上、捲動畫面、使用鍵盤輸入、在行動裝置上的操作等事件,都是使用者互動

什麼是逾時?

即使沒有發生使用者互動事件,指令碼也會在指定的逾時時間後執行。

使用者評論

2021 年 9 月 5 日
Score on PageSpeed Insights Mobile: 42 to 97 Desktop: 72 to 100
2021 年 6 月 25 日
This plugin was the last piece of the puzzle that brought my PSI mobile score from 92 to 100. Super easy to use, and works exactly as expected. Cheers!
2020 年 12 月 9 日
When a user access a website they need first what they want. For example, when someone land to a blog firstly they want to see Title, Entry meta, featured image, paragraph, etc intstead directly jumping to comment section. And, there are time when comment section is powered by any 3rd-party script, this is simply a brilliant solution to perform smart defer in such case without affecting user-experience. Another case, if you're using Google AdSense this plugin can help in loading Advt in right moment. This can also help in boosting Core Vital possibly.
閱讀全部 23 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Flying Scripts by WP Speed Matters〉的開發相關工作。

參與者

將 Flying Scripts by WP Speed Matters 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.2.2

  • Fix – Added mouse wheel event for user interaction

1.2.1

  • Fix – FacetWP compatibility

1.2.0

  • New – Exclude on pages
  • New – Set timeout to Never

1.1.9

  • Security updates

1.1.8

  • [BUGFIX] Disable for admin interface when using W3 Total Cache

1.1.7

  • [BUGFIX] Support for W3 Total Cache

1.1.6

  • [REMOVED] Unnecessary “scroll” event

1.1.5

  • [UPDATE] Set data-type='lazy' instead of type='lazy'. Removed setting type='text/javascript' via JavaScript

1.1.4

  • [BUGFIX] Remove event listeners after scripts are loaded

1.1.3

  • [UPDATE] Copy updates

1.1.2

  • [UPDATE] Minified JavaScript
  • [UPDATE] Updated copy, FAQ

1.1.1

  • [BUGFIX] Exclude json and other script tags

1.1.0

  • [NEW] Load scripts on user interaction
  • [REMOVED] Load scripts after delay

1.0.0

  • Initial release