简介: 之前自己搭建一个wordpress个人网站: 最近发现访问比较慢,于是乎进行了排查,下面是优化的方案。

前言

之前自己搭建一个wordpress个人网站:
最近发现访问比较慢,于是乎进行了排查,下面是优化的方案。

优化前:
加载耗时: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上传到服务器当前主题文件目录下

验证
再次访问网站,发现加载速度正常且样式加载正常

总结

遇到问题解决完后及时总结共享,一方面自己以后再遇到类似问题可以参考博文快速解决,另一方面为其他博友提供一种解决问题的思路和方案

原文:https://developer.aliyun.com/article/778422?spm=a2c6h.12873581.0.0.7afd767do1nykw&groupcode=othertech