前言
之前自己搭建一個WordPress個人網站：https://zhanghan.xin；最近發現訪問比較慢，于是乎進行了排查，下面是優化的方案。
優化前：
加載耗時：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%2C700subset=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代碼
修改代碼從本地讀取css文件
將本地之前下載好的css.css上傳到服務器當前主題文件目錄下
驗證
再次訪問網站，發現加載速度正常且樣式加載正常
到此這篇關于WordPress網站訪問慢解決方案細圖文教程的文章就介紹到這了,更多相關WordPress網站訪問慢解決方案內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:- 六個步驟，從零開始教你搭建基于WordPress的個人博客
- 詳解用nginx+WordPress搭建個人博客全流程
- 主機Nginx + Docker WordPress Mysql搭建的詳細步驟
- Nginx環境下WordPress的多站點功能配置詳解
- Nginx設置wordpress偽靜態的方法示例
- 如何用nginx配置wordpress的方法示例
