WordPress網站通路慢解決方案（超詳細圖文教程）

前言

之前自己搭建一個WordPress 個人網站

：

最近發現通路比較慢，于是乎進行了排查，下面是優化的方案。

優化前：

加載耗時：21秒+

優化後：

加載耗時：250毫秒

優化後通路速度提升84倍+

解決方案流程圖

• 流程圖

  

問題&解決方案&驗證

定位問題(加載一個CSS逾時)

解決步驟

下載下傳通路逾時的CSS（Google浏覽器中F12中可以找到加載CSS位址）并儲存到本地（用可以連上google網絡）

https://fonts.googleapis.com/css?family=Open+Sans%3A400%2C700%2C400italic%7COpen+Sans%3A400%2C700%2C400italic%7CMontserrat%3A400%2C700&subset=cyrillic%2Clatin%2Clatin-ext%2Cgreek-ext
           

檢視目前WordPress使用主題（通過其他加載正常css可以看出目前使用bento主題）

進入伺服器

WordPress程式及目前使用主題目錄下

cd /www/wwwroot/zhanghan.xin/wp-content/themes/bento/
           

查找引用css的檔案(在此以all.css為例，因為從F12結果可以看出all.css是本地加載)

find . | xargs grep -ril 'all.css
           

檢視functions.php内容，并定位到all.css位置，通過分析找出加載google的css代碼

vim functions.php
           

修改代碼從本地讀取css檔案

将本地之前下載下傳好的

css.css上傳到伺服器

目前主題檔案目錄下

驗證

再次通路網站，發現加載速度正常且樣式加載正常

總結

遇到問題解決完後及時總結共享，一方面自己以後再遇到類似問題可以參考博文快速解決，另一方面為其他博友提供一種解決問題的思路和方案

大家可以關注我哦

，後續還會更新更多相關博文