Skip to content

WordPress 主題網站載入優化紀錄 (2)

WordPress 主題跑分與優化紀錄 (2)

上個主題在開啟廣告後,行動版本的跑分偏低 WordPress 主題網站載入優化紀錄 ,所以換了一個比較效率比較快的主題 Neve,看會不會好一點。

紀錄一下 WordPress 網站在目前主題 Neve 下,各種設定與插件下被讀取的跑分與優化紀錄,以 google PageSpeed Insights 第一次開啟網站執行的分數為準

使用 Insert Headers and Footers by WPBeginner 插件

加入 Google Analytic 追蹤碼

行動裝置:

電腦:

行動裝置的分數在對比下非常亮眼

額外開啟 Google Site Kit 的 AdSense

行動裝置:

電腦:

不意外的分數都偏低,只是電腦方面比上個主題還低就有點不對。仔細看了一下項目,忽然多了 ifram 載入的時間,這時想到最近有文章內嵌了 youtube 影片,可能因此影響了跑分。

額外使用 a3 Lazy Load 插件

Jetpack 只提供圖片延遲載入,另外安裝這個插件讓內嵌的 youtube 影片也能延遲載入。行動裝置分數上沒太大差別,電腦分而提高了不少!

行動裝置:

 

電腦:

額外使用 W3 Total Cach 插件

google PageSpeed Insights 的項目中:運用有效的快取政策提供靜態資產。此項說明中 wordpress 推荐安裝此插件來優化

W3 Total Cach 插件沒啟動 minify 與 cdn

行動裝置:

電腦:

分數差不多,運用有效的快取政策提供靜態資產這項合格不在顯示。

禁用無效的 css

WordPress 禁用 jetpack.css

行動裝置:

電腦:

好一點點,行動裝置有時分數可到70左右

排除無法轉譯的資源

WordPress 禁用 block-library/style.min.css

行動裝置:分數被廣告拉低了,但排除無法轉譯的資源那項平均時間應該是有縮短的零點幾秒

行動裝置:

電腦:

使用 CDN

CDN 申請與除錯過程:Cloudflare CDN & DNS_PROBE_FINISHED_NXDOMAIN

跑分結果,有比較好,直接從新刷分時行動裝置甚至可以達到快80分,電腦滿分。

行動裝置:

電腦:

 

Tags:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料