這周末在幫朋友處理一個(gè)新建網(wǎng)站的速度優(yōu)化問題，主要的癥狀就是移動(dòng)端的速度一直提不上去。也花了比較多的時(shí)間對其進(jìn)行重構(gòu)，索性將這塊的經(jīng)驗(yàn)利用文字記錄下來吧。

上面這張截圖，顯示的是網(wǎng)站搭建完成后（使用的是初始默認(rèn)主題，只在首頁上傳了一張圖片），將全部優(yōu)化設(shè)置打開后的速度測試結(jié)果。可以看到網(wǎng)站在性能表現(xiàn)這塊一點(diǎn)問題都沒有，這個(gè)數(shù)據(jù)至少能說明兩個(gè)問題。其一是主機(jī)性能與網(wǎng)絡(luò)等基礎(chǔ)設(shè)施是沒有問題的，其二便是對網(wǎng)站的優(yōu)化設(shè)置是沒有問題的。

緊接著，我便對這個(gè)測試站點(diǎn)安裝了 Astra Pro 主題（激活了主要配置項(xiàng)），在沒有導(dǎo)入新模板的前提下，適當(dāng)優(yōu)化了網(wǎng)站的頁首、頁尾等部分信息。通過測試信息反饋，可以看到網(wǎng)站速度確實(shí)是有下降一點(diǎn)，但是并不影響。

這說明 Astra Pro 主題的安裝并不會(huì)導(dǎo)致網(wǎng)站速度的大幅下降，至少從數(shù)據(jù)反饋上看，主題安裝前后的響應(yīng)速度變化不大。

在做完這些測試后，我便安裝了一個(gè) Elementor 編輯器，并使用該編輯器在首頁上編輯了一條文字信息。這一步我所做的操作不過是使用 Elementor 編輯器接管了這個(gè)頁面的編輯，便導(dǎo)致了測試評級從第一梯隊(duì)掉到了第二梯隊(duì)，且 First Contentful Paint 增加了近一秒鐘。

不得不說，這個(gè) Elementor 編輯器真的是很消耗資源。至于具體的加載過程中所加載的數(shù)據(jù)包，我就不截圖了，打碼很麻煩。

為了進(jìn)一步驗(yàn)證插件對速度的影響大小，于是干脆在首頁上布置了一個(gè) WPForms 表單收集控件。從上圖所示的測速信息上可以看到，速度性能在進(jìn)一步的惡化。注意，到這一步我還只是在首頁上啟用了 Elementor 編輯器，外加增添了一個(gè)聯(lián)系表單。

癥結(jié)已經(jīng)很明顯了，正是因?yàn)檫@些需要消耗大量資源的第三方插件，才導(dǎo)致了網(wǎng)站速度一直提不起來。至于解決方案也很簡單，要么換掉這些功能性插件，要么花錢直接上第三方付費(fèi) CDN。所以如果你也被速度問題，尤其是網(wǎng)站在移動(dòng)端的速度問題所困擾，不妨按照上面的方式排查一下問題點(diǎn)。

這里再多說一句，見過很多網(wǎng)站喜歡搞各種高大上的模板，各種絢麗的功能。然后無形中在網(wǎng)站上安裝各種各樣的插件，一番操作下來直接將網(wǎng)站拖到龜速。其實(shí)有時(shí)候真的沒必要，問問自己這些華而不實(shí)的東西到底是用戶需要，還是你需要。