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