網站速度對于任何網站都是至關重要的,在外貿出海和各種精細化運作的今天,加速獨立站訪問是每個網站運營者需要考慮的事情,當我們的網站超過3s還沒有打開,就會了有用戶離開;網站速度快,能夠提高用戶的體驗,從而減少用戶流失率,同時對Google收錄和排名也是有益的。
接下來,分享一款WordPress插件,在不使用代碼的情況下,來提高網站性能。
Perfmatters插件簡介
Perfmatters是一款輕量級 WordPress 性能優化插件,主要功能是加速和優化 WordPress網站,來幫助我們提高網站加載速度并減少資源消耗。同時,可以很好的降低網站資源請求次數,來有效提升頁面打開速度。
插件主要特點:
輕量級:插件本身非常輕量級,不會增加太多額外的負擔或影響網站的性能。
簡單易用:界面簡潔直觀,功能設置簡單,對于運營人員也很容易上手。
性能優化:提供了多種性能優化功能,包括禁用未使用的功能和腳本、延遲加載、精簡腳本等。
安全性:可以禁用不必要的功能,如REST API和XML-RPC,提高網站的安全性。
定制化:允許根據需要啟用或禁用特定功能,靈活性較高。
兼容性:與常見的WordPress插件和主題兼容性良好,如:WP Rocket 緩存插件配合使用。
支持:提供了良好的技術支持和更新服務,保證插件的穩定性和可靠性。
Perfmatters插件沒有上架插件商店,需要在其官網上進行下載,同時需要進行訂閱,插件不提供免費版。
官網地址:
https://perfmatters.io/
訂閱購買:
當我們的站點超過3個,推薦購買 Unlimited Sites 套餐,可以無限綁定域名使用。
圖片來源:https://perfmatters.io/
插件下載:
訂閱購買后,郵箱會收到賬戶和密碼,在后臺的Account菜單下,進行插件安裝包的下載。
圖片來源:https://perfmatters.io/
插件配置:
圖片來源:https://perfmatters.io/
如何簡單使用Perfmatters插件?
在 WordPress網站后臺 > 設置 > Perfmatters 進行插件的功能開啟使用。
插件主要有七大功能:常規設置、Assets設置、預加載、延遲加載、字體、CDN、Analytics設置 。
按鈕藍色代表已開啟,按鈕灰色代表已關閉,同時每個設置旁邊有個問號,點擊跳轉查看官方解釋說明。
圖片來源:https://perfmatters.io/
常規設置
禁用表情符號:
表情符號會加載wp-emoji-release.min.js,如網站沒有使用到表情符號,建議禁用。
禁用面板圖標:
Wordpress自帶有圖標庫,會在前端加載一個Dashicon資源,一般情況下用不到它,建議禁用。
禁用嵌入:
嵌入功能在前端默認加載 wp-embed.min.js文件,其用于編輯頁面自動轉換 YouTube視頻,推文和URL為預覽。
禁用XML-RPC:
網站根目錄中的 XML-RPC文件可以遠程連接,建議禁用,能夠避免網站遠程被入侵。
移除jQuery遷移:
jQuery遷移,其就是“jQuery Migrate”。它的作用是提升高級版本和低級版本代碼的兼容性,只有含有舊代碼的主題/插件會使用到它,現在大多數最新版本/主題插件并沒使用到,建議禁用。
隱藏WP版本:
刪除 WordPress版本Meta標簽,不隱藏會暴露當前使用的 WordPress版本,移除代碼能降低安全風險。
刪除wlwmanifest鏈接:
給Windows Live Writer寫作文章使用,建議禁用。
刪除RSD鏈接:
客戶端編輯網站用的,一般都是瀏覽器后臺編輯網站內容,建議禁用。
移除短鏈接:
網頁代碼 head 區域有 shortlink 字樣,建議移除。
禁用 RSS 源:
給RSS閱讀器使用的,經常被爬蟲抓取,禁用后無法獲取并 301重定向URL到主域名。
移除RSS源鏈接:
移除 WordPress生成的RSS源的鏈接標簽,建議移除。
禁用 Pingbacks:
第三方網站鏈接到你文章時自動創建評論,會出現很多垃圾評論,評論會有郵件通知,占用系統資源,建議移除。
禁用REST API:
REST API是 WordPress 數據傳遞接口,塊編輯器、小程序、一些插件會用到它,如:AIOSEO 、 Yoast SEO、Woocommerce、古騰堡編輯器,則不建議禁用。
移除 REST API 鏈接:
移除頁面代碼中的頭部連接,建議移除。
禁用谷歌地圖:
移除網站中加載的谷歌地圖,包括主題和插件內置的 Google Maps API,未用到谷歌地圖則禁用。
Exclude Post IDs:
防止在某些文章/頁面上禁用 Google Map,用于特定頁面開啟Google Maps API。
禁用密碼強度尺:
新版本WordPress、WooCommerce中各自集成了一個密碼強度表,用來強制使用強密碼,建議禁用。
移除評論:
移除文章評論框,訪客無法評論。當網站不需要評論功能或評論模塊是自定義開發的,則可以關閉。
對于外貿網站文章一般都會有文章和評論功能,一般不建議移除。
移除評論的URL:
移除后文章評論框里的URL輸入框會消失,用戶無法輸入網址字段。該功能建議移除,避免垃圾外鏈產生。
添加空白Favicon:
添加空白 favicon,正常網站用不到該功能。
禁用Heartbeat:
Heartbeat 心跳功能是 WordPress內置服務,默認間隔15-60秒到服務器上請求一次,某些主題和插件可能會用到,建議保持默認。
限制帖子修訂:
限制最大修訂數量,太多會導致數據庫臃腫,讀寫速度慢。建議設置為 3個。
自動保存時間間隔:
編輯文章/頁面時自動保存頻率,建議2~3分鐘即可。
自定義登錄網址:
自定義 WordPress后臺登錄地址,修改正常wp-admin的登錄地址,提升網站安全,可根據自身情況開啟。
Disabled Behavior:
訪問默認登錄地址時的提示信息,當你自定義登錄地址后,再次訪問默認地址,設置的一個提示動作。
Assets 設置
腳本管理器:
主要功能是,啟用和禁用網站JS腳本,也可以手動逐頁禁用某一個css和js文件,來進行頁面的單獨優化。
圖片來源:https://perfmatters.io/
JavaScript:
異步JavaScript:異步加載JS,會將 JavaScript 移動到頁面底部加載,減少頁面渲染阻塞問題。
可以延遲加載搭配使用,如果同時啟用會先延遲加載JS,無法延遲加載再異步加載。
延遲JavaScript:延遲加載JS,會延遲所有JavaScript文件和內聯JS腳本的加載和執行,直到有用戶交互,例如,在頁面上移動鼠標、觸摸屏幕、滾動、按鍵、使用鼠標滾輪滾動。
延遲行為:建議選“Delay All Scripts”,它對速度提升效果最好,同時兼容性也最差,需要結合延遲腳本(Excluded from Delay)排除延遲加載關鍵JS來解決兼容性問題,避免網站報錯。
延遲腳本:排除延遲加載一些JS,和上面的延遲腳本的配合使用。
延遲超時:當延遲超時,如果未檢測到用戶交互,將在 10 秒后自動加載腳本,建議開啟。
CSS:
從文件中中刪除未使用到的CSS,并在head中內聯的方式加載已使用的CSS,提高頁面速度。
代碼:
在網站Header 、Body 、Footer 添加代碼的功能。
預加載
預加載,預鏈接,DNS預取設置,也是很重要的的功能,可以控制資源的優先加載順序,提升加載效率和速度。
圖片來源:https://perfmatters.io/
啟用即時頁面:鼠標懸停在鏈接上,會自動讀取url,提高鏈接加載速度。
預載:頁面加載期間提前打開所需的css、字體資源,可以修復渲染阻塞資源警告。
預加載關鍵圖像:提前加載首屏關鍵圖片,從上到下的順序優先加載頁面的圖片,推薦設置3個(自動排除:SVG和ICON圖標)。
預連接:允許瀏覽器在HTTP請求之前設置早期連接,從而消除往返延遲并為訪客節省時間,一般設置預鏈接谷歌字體。
DNS預讀?。?/span>設置瀏覽器在空閑時間,后臺預先加載站外資源的DNS解析,如:Youtube視頻,CDN域名。
圖片:主要是開啟圖片延遲加載功能。
排除主要圖像:排除延遲延遲加載靠前面的圖片數量,推薦4-5。
iFrame 和視頻:延遲加iFrames和Videos。此功能是用Youtube視頻的預覽縮略圖和輕量級 SVG 播放圖標替換 YouTube iframe,當用戶點擊播放才開始真正加載視頻資源。
YouTube預覽縮略圖:用于視頻的預覽縮略圖作為視頻封面,和上面的iFrames功能配合使用。
從延遲加載中排除:排除延遲加載,網頁首屏的所有圖片都不應該被延遲加載,例如LOGO,首屏banner圖片等。
臨界點:增加延遲加載閾值,允許圖像在視口中可見之前加載。
DOM監控:監視 DOM 中的更改并動態延遲加載新添加的元素。這提高了與利用無限滾動或圖庫滑塊等功能的第三方插件和主題的兼容性。
添加缺失的圖像尺寸:渲染頁面時,任何缺少寬度和高度屬性的圖像都會自動添加。圖像尺寸是提取圖片本身的寬高。
淡入:向下滾動頁面時使圖像具有淡入淡出效果,增加用戶友好性。
CSS背景圖片:延遲加載內聯背景圖像,如:banner背景圖等。
背景選擇器:在已應用背景圖像的元素上找到的唯一選擇器(ID或類)來延遲加載CSS背景圖像。
(來源:Kenyth)
以上內容屬作者個人觀點,不代表雨果跨境立場!本文經原作者授權轉載,轉載需經原作者授權同意。?