速度優化的一些實驗

這周末在幫朋友處理一個新建網站的速度優化問題，主要的癥狀就是移動端的速度一直提不上去。也花了比較多的時間對其進行重構，索性將這塊的經驗利用文字記錄下來吧。

上面這張截圖，顯示的是網站搭建完成后（使用的是初始默認主題，只在首頁上傳了一張圖片），將全部優化設置打開后的速度測試結果。可以看到網站在性能表現這塊一點問題都沒有，這個數據至少能說明兩個問題。其一是主機性能與網絡等基礎設施是沒有問題的，其二便是對網站的優化設置是沒有問題的。

緊接著，我便對這個測試站點安裝了 Astra Pro 主題（激活了主要配置項），在沒有導入新模板的前提下，適當優化了網站的頁首、頁尾等部分信息。通過測試信息反饋，可以看到網站速度確實是有下降一點，但是并不影響。

這說明 Astra Pro 主題的安裝并不會導致網站速度的大幅下降，至少從數據反饋上看，主題安裝前后的響應速度變化不大。

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

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

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

癥結已經很明顯了，正是因為這些需要消耗大量資源的第三方插件，才導致了網站速度一直提不起來。至于解決方案也很簡單，要么換掉這些功能性插件，要么花錢直接上第三方付費 CDN。所以如果你也被速度問題，尤其是網站在移動端的速度問題所困擾，不妨按照上面的方式排查一下問題點。

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