前言
之前自己搭建一個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)絡(luò))
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
查看當(dāng)前WordPress使用主題(通過其他加載正常css可以看出當(dāng)前使用bento主題)
進入服務(wù)器WordPress程序及當(dāng)前使用主題目錄下
cd /www/wwwroot/zhanghan.xin/wp-content/themes/bento/
查找引用css的文件(在此以all.css為例,因為從F12結(jié)果可以看出all.css是本地加載)
find . | xargs grep -ril 'all.css'
查看functions.php內(nèi)容,并定位到all.css位置,通過分析找出加載google的css代碼
修改代碼從本地讀取css文件
將本地之前下載好的css.css上傳到服務(wù)器當(dāng)前主題文件目錄下
驗證
再次訪問網(wǎng)站,發(fā)現(xiàn)加載速度正常且樣式加載正常
到此這篇關(guān)于WordPress網(wǎng)站訪問慢解決方案細圖文教程的文章就介紹到這了,更多相關(guān)WordPress網(wǎng)站訪問慢解決方案內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
您可能感興趣的文章:- 六個步驟,從零開始教你搭建基于WordPress的個人博客
- 詳解用nginx+WordPress搭建個人博客全流程
- 主機Nginx + Docker WordPress Mysql搭建的詳細步驟
- Nginx環(huán)境下WordPress的多站點功能配置詳解
- Nginx設(shè)置wordpress偽靜態(tài)的方法示例
- 如何用nginx配置wordpress的方法示例