前言
之前自己搭建一個WordPress個人網(wǎng)站：https://zhanghan.xin；最近發(fā)現(xiàn)訪問比較慢，于是乎進行了排查，下面是優(yōu)化的方案。
優(yōu)化前：
加載耗時：21秒+
優(yōu)化后：
加載耗時：250毫秒
優(yōu)化后訪問速度提升84倍+
解決方案流程圖
流程圖
問題解決方案驗證
定位問題(加載一個CSS超時)
解決步驟
下載訪問超時的CSS（Google瀏覽器中F12中可以找到加載CSS地址）并保存到本地（用可以連上google網(wǎng)絡）
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上傳到服務器當前主題文件目錄下
驗證
再次訪問網(wǎng)站，發(fā)現(xiàn)加載速度正常且樣式加載正常
到此這篇關于WordPress網(wǎng)站訪問慢解決方案細圖文教程的文章就介紹到這了,更多相關WordPress網(wǎng)站訪問慢解決方案內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:- 六個步驟，從零開始教你搭建基于WordPress的個人博客
- 詳解用nginx+WordPress搭建個人博客全流程
- 主機Nginx + Docker WordPress Mysql搭建的詳細步驟
- Nginx環(huán)境下WordPress的多站點功能配置詳解
- Nginx設置wordpress偽靜態(tài)的方法示例
- 如何用nginx配置wordpress的方法示例
