前言
之前自己搭建一個(gè)WordPress個(gè)人網(wǎng)站:https://zhanghan.xin;最近發(fā)現(xiàn)訪問(wèn)比較慢,于是乎進(jìn)行了排查,下面是優(yōu)化的方案。
優(yōu)化前:
加載耗時(shí):21秒+
優(yōu)化后:
加載耗時(shí):250毫秒
優(yōu)化后訪問(wèn)速度提升84倍+
解決方案流程圖
流程圖

問(wèn)題解決方案驗(yàn)證
定位問(wèn)題(加載一個(gè)CSS超時(shí))

解決步驟
下載訪問(wèn)超時(shí)的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使用主題(通過(guò)其他加載正常css可以看出當(dāng)前使用bento主題)

進(jìn)入服務(wù)器WordPress程序及當(dāng)前使用主題目錄下
cd /www/wwwroot/zhanghan.xin/wp-content/themes/bento/

查找引用css的文件(在此以all.css為例,因?yàn)閺腇12結(jié)果可以看出all.css是本地加載)
find . | xargs grep -ril 'all.css'

查看functions.php內(nèi)容,并定位到all.css位置,通過(guò)分析找出加載google的css代碼

修改代碼從本地讀取css文件

將本地之前下載好的css.css上傳到服務(wù)器當(dāng)前主題文件目錄下

驗(yàn)證
再次訪問(wèn)網(wǎng)站,發(fā)現(xiàn)加載速度正常且樣式加載正常

到此這篇關(guān)于WordPress網(wǎng)站訪問(wèn)慢解決方案細(xì)圖文教程的文章就介紹到這了,更多相關(guān)WordPress網(wǎng)站訪問(wèn)慢解決方案內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
您可能感興趣的文章:- 六個(gè)步驟,從零開(kāi)始教你搭建基于WordPress的個(gè)人博客
- 詳解用nginx+WordPress搭建個(gè)人博客全流程
- 主機(jī)Nginx + Docker WordPress Mysql搭建的詳細(xì)步驟
- Nginx環(huán)境下WordPress的多站點(diǎn)功能配置詳解
- Nginx設(shè)置wordpress偽靜態(tài)的方法示例
- 如何用nginx配置wordpress的方法示例