本篇文章更新時間:2020/03/19
如有資訊過時或語誤之處,歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉!歡迎入群聊聊~
如果本站內容對你有幫助,歡迎使用 BFX Pay 加密貨幣新台幣 贊助支持。


因為總是有人非常在意 Google PageSpeed Insights 的分數,其中時常提到的就是這些 CSS, JavaScript 資源管理的部分。

無奈有一好沒兩好,WordPress 架構如果不使用任何外掛開發,那自然全掌控下想怎樣就怎樣,但如果使用外掛的話,還是有必要損失一點效能換取彈性。

Google 那分析的結果雖是參考就好,但如果真想給他好看一點分數就有很多層面的功夫要再努力!

Asset CleanUp: Page Speed Booster

這款 Asset CleanUp: Page Speed Booster 能協助統整管理這些 CSS/JS 資源出現的時機與方式,很強大。開發者如果自己知道有只使用在哪個頁面下的資源的話,透過這外掛來過濾其他頁面不載入,就有辦法節省資源。

不知道的人亂改肯定會出問題!!

而剛好在搜尋「preload」關鍵字的時候找到這篇 Preloading JavaScript Assets in WordPress 作者在文中有說明方法,然後還表示有提供一個免費外掛 Better Resource Hints 可以協助不要這麼「工程」,實在很佛心~

Better Resource Hints

Better Resource Hints 的效果能協助網站將 CSS/JS 資源做統整,像是都改採 inline 方式輸出,減少網站請求數,也算是部分知名快取外掛會有的功能,這就是單獨版本,看需求自己組合使用。

經實測,這外掛就算有提示版本問題,但目前最新版 v5.4 也正常哦!

後記

對網站架構不熟的人要是裝了一堆這類型都說「有效」的外掛,網站掛掉是正常! 就像生病的人全身都不舒服,但你只看到其中一個小問題有解就胡亂吞藥,這心態很容易出事的~


Share:

作者: Chun

資訊愛好人士。主張「人人都該為了偷懶而進步」。期許自己成為斜槓到變進度條 100% 的年輕人。[///////////____34%_________]

文章
Filter
Apply Filters