前言
之前自己搭建一個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%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上傳到服務器當前主題檔案目錄下

-
驗證
- 再次訪問網站,發現加載速度正常且樣式加載正常

- 再次訪問網站,發現加載速度正常且樣式加載正常
總結
-
遇到問題解決完后及時總結共享,一方面自己以后再遇到類似問題可以參考博文快速解決,另一方面為其他博友提供一種解決問題的思路和方案
-
后續會寫快速搭建個人網站及小程式系列博文
-
我的小程式也是連的我的個人網站,歡迎大家關注

CSDN認證博客專家
分布式
Spring
Redis
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/173767.html
標籤:java
上一篇:老大,不好了,記憶體泄漏了!
