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

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

因為你被騙了

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

甚麼是Flying Pages?

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

Flying Pages 可以說是 QuicklinkInstant.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?

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

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

怎麼安裝Flying Pages?

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