關於剛剛帖子的WP優化的粗淺教程

美國VPS綜合討論 shc • at 2020-05-23 14:43:05 • 1 Views

剛剛的帖子:https://www.hostloc.com/thread-693318-1-1.html

這裡主要用了三個操作來提升響應速度: 快取, Lazy Load, Instant Click.


詳細教程:https://qing.su/article/153.html


1, 使用LSCache + OPCache
安裝OpenLiteSpeed伺服器後,已經自動開啟OPCache; LSCache需要手動去Wordpress外掛裡面安裝。

部署Litespeed + LSCache + OPCache可以參考這篇文章:https://qing.su/article/146.html

如果您沒有使用OpenLiteSpeed伺服器,您可以用WP Super Cache來替代LSCache,不過效果會比LSCache差一些。



2, 使用物件快取
使用物件快取Memcached或者Redis能讓系統快取更多的內容。

這一層快取的安裝方法可以參考這篇文章:https://qing.su/article/152.html

安裝完畢後,在後臺LSCache控制頁面找到快取設定,然後選擇[6] Object, 開啟物件快取。



3, 縮小CSS和JS檔案
LSCache裡面預設自帶了縮小和合並CSS/JS檔案的功能,在Page Optimization裡面找到CSS Settings和JS Settings即可對應設定CSS/JS最小化。如果您的主題支援合併CSS/JS, 則也應開啟合併CSS/JS.  如果您的主題支援非同步載入CSS/JS, 也應開啟非同步載入。

如果您用的不是LiteSpeed, 您可以安裝WP Super Cache, 同樣能夠實現最小化與合併CSS/JS、非同步載入的功能。



4, 開啟LazyLoad
首先說明一下:LazyLoad治標不治本。如果您的頁面上圖片較多,您應該首先考慮縮小圖片大小(比如webp, 降低解析度,模糊,等等)。如果實在沒有辦法縮小或者數量太多,那麼可以考慮LazyLoad.  LazyLoad的作用是在頁面載入的時候先用一張佔位空白圖片代替,然後逐漸載入頁面中的圖片,這樣能夠讓使用者暫時跳過圖片載入,很快地先開啟網頁,然後再慢慢載入圖片。

如果您使用LSCache, 那麼LazyLoad配置很簡單,僅需在Page Optimization – 多媒體設定裡面開啟延遲載入即可。如果您沒有使用LSCache, 則需要安裝額外的外掛(比如這個https://wordpress.org/plugins/wp-lazy-loading/)實現LazyLoad.



5, 開啟InstantClick
InstantClick真的是神器。它的原理是檢測到使用者的滑鼠懸浮在連結上的時候就開始預載入連結對應的內容,這樣大幅減少了頁面之間跳轉的響應時間。如果您的WordPress主題沒有特別大的問題,我建議都開啟InstantClick.  需要注意的是,開啟InstantClick會顯著提升CPU負載。因此,如果您的伺服器採用的是Apache MPM-Prefork, 則不建議開啟InstantClick.

如果您使用LSCache, 那麼配置InstantClick很簡單,僅需在快取規則 – 高階設定中開啟即時點選即可。

如果您沒有使用LSCache, 則需要安裝額外的外掛(比如https://wordpress.org/plugins/wp-instant-links/)來實現InstantClick.



6, 其他
如果有條件,選擇一個更快的伺服器可能是提升速度的好辦法。您也可以使用CDN來分發圖片和靜態檔案(比如JSDelivr可以用來分發JS和CSS檔案)。



Total: 13
Add a reply
For Commenting you need to Login. If you dont have a Account you need to Register.