UI设计 薇晓朵数字商城

 找回密碼
 加入我們

中文wordpress優化加速的五個操作方法:包括緩存、CSS和JS代碼壓縮、LazyLoad等

[複製鏈接]
老黑醬 發表於 2020-5-23 20:08:32 | 顯示全部樓層 |閱讀模式
主要通過以下操作來提升響應速度: 緩存, Lazy Load, Instant Click.


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

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



2, 使用對像緩存
使用對像緩存Memcached或者Redis能讓系統緩存更多的內容。

安裝完畢後,在後台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文件)。

也有人建議把WordPress緩存到nginx更快,或者再加個pagespeed和railgun,另外還有優化數據庫查詢。
回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 加入我們

本版積分規則

备案权重域名预定

4um點擊跨境網編創業社區

GMT+8, 2024-11-27 10:56

By DZ X3.5

QQ

快速回復 返回頂部 返回列表