Web | Coding | Blog | SOHO

[網站]瀏覽速度優化,WordPress 外掛大公開

網站的載入速度時常會影響到訪客瀏覽的意願,
大多數網站管理員會選擇 PageSpeed Insights 系統提供的規則 進行優化,
評分範圍0~100之間,達 85分 表示網頁載入的性能良好,
各項規則也可以分別列出 綠色:良好黃色:注意紅色:警告的信息,
以下針對WordPress優化的方案提供參考。


PageSpeed Insights 官網(點此)
01


1.停用佈景主題預設的 Google 字體

修改佈景的CSS字形,較能相容各個平台,
請參考文章 (點此) 

Remove Google Fonts References外掛頁面  (點此)

02

2.修改jQuery 公共庫來源

考量到國內外訪客的瀏覽速度,選擇在全球與台灣各地都有CDN節點的公共庫可以有效提升 jQuery 載入延遲的問題。

3.優化JS與CSS載入方式

推薦使用Autoptimize外掛插件,有效縮小 JS、CSS大小,並解決PageSpeed Insights 常見 移除禁止轉譯的問題。

Autoptimize外掛頁面 (點此)

05

4.使用快取緩存外掛

緩存外掛可以同時降低訪客訪問頁面的反應時間與伺服器消耗的資源,並同時提供HTML優化的效果。

W3 Total Cache外掛頁面 (點此)04

5.多媒體素材使用 LazyLoad 延遲載入

對於頁面載入的同時,在載入大量的圖片時、或影片時常造成訪客畫面停頓,
瀏覽體驗容易受影響,建議針對多媒體啟用LazyLoad。

a3 Lazy Load外掛頁面 (點此)

03

以上參考 HZSH Site 文章後撰寫。


站長的話:

以上五點 提供給各個架站的管理員 做速度優化的參考,
建議可以搭配常見的CDN 服務優化網站 與 Google的連線速度,可以有效加快伺服器回應時間的要求。

有任何問題也歡迎在底下留言,或到fb粉絲專頁發訊息給站長一起討論。


如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;
另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷:


相關連結:

[教學]如何上傳檔案至你的網站,使用 FileZilla

[網站]讓自己的網站更安全!https & SSL 憑證

[網站]如何成為Bolgger&經營Blog

[網站]HTML網頁 #入門篇

[網站]網站的基本(組成)要素 #基礎篇

[網站]建立屬於自己的網站(教學&心得篇)

[網站]Freenom 提供頂級域名,即刻擁有!tk,ml,ga,cf,gq

[網站]Hostinger 免費虛擬主機,練習架站最佳平台

Comments

comments

如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷:


© 2017 4xCode™ | Design:SC 站長