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

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

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

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

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

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

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

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

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