[優化] 讓wordpress 載入速度變快 (Flying Pages)

首先, 非常感謝你點進來看這篇文章

因為你被騙了

不過這個wordpress插件真的還不錯,插件名字叫Flying Pages

甚麼是Flying Pages?

Flying Pages 會在網站插入一段JavaScript 程式碼,讓瀏覽器在閒置時會預先載入頁面,讓使用者點擊後產生立即載入頁面的效果

Flying Pages 可以說是 Quicklink 和 Instant.page 的結合體
但上面兩個插件都有相對應的缺點

Quicklink 缺點

Quicklink 在網站載入後會把頁面所有可以點擊的連結都先預載(prefetch)一次
在頁面連結過多的話可能會使主機負載過高
這也就導致性能較低的主機,會沒有資源可以處理這些請求
這也就是Instant.page 會出現的原因

Instant.page 的出現&缺點

Instant.page 跟 Quicklink 一樣都是預先載入網站來達到”加快”網站的JavaScript
但是Instant.page 預載網站的方法跟 Quicklink 不一樣,Quicklink 會把所有可以點擊的連結都預載一次,但是Instant.page 是滑鼠移到連結上才預載

所以這看起來很完美…嗎?
我們人通常從看到連結到點擊會花差不多300ms的時間
假設主機沒有在300ms內回覆的話,那就失去Instant.page的用意了

相關連結 : crlab.io(Cloudflare 不是萬靈丹),
SITCON 2021議程(網路維運,在台灣怎麼玩?打造全台最大家用網路!)

為什麼要選Flying Pages?

剛剛講到Quicklink 和 Instant.page 的結合體
對,它巧妙地解決了以上兩個的缺點
所以他有甚麼功能?
1. 預先載入使用者畫面中的連結
2. 預載滑鼠移至的連結
3. 限制每秒能預先載入的連結數量
4. 伺服器負載過重便停止預先載入

以上這幾點可以讓Flying Pages 在遊覽網頁的順暢的同時讓伺服器負載不那麼高

怎麼安裝Flying Pages?

可惜的是,Flying Pages只支援wordpress
插件連結: 點我