欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

WordPress网站访问慢解决方案细图文教程

程序员文章站 2022-11-15 10:14:57
前言之前自己搭建一个wordpress个人网站:https://zhanghan.xin;最近发现访问比较慢,于是乎进行了排查,下面是优化的方案。优化前:加载耗时:21秒+优化后:加载耗时:250毫秒...

前言

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

优化前:

加载耗时:21秒+

优化后:

加载耗时:250毫秒

优化后访问速度提升84倍+

解决方案流程图

流程图


WordPress网站访问慢解决方案细图文教程

问题&解决方案&验证

定位问题(加载一个css超时)

WordPress网站访问慢解决方案细图文教程

解决步骤

下载访问超时的css(google浏览器中f12中可以找到加载css地址)并保存到本地(用可以连上google网络)

WordPress网站访问慢解决方案细图文教程
WordPress网站访问慢解决方案细图文教程

查看当前wordpress使用主题(通过其他加载正常css可以看出当前使用bento主题)


WordPress网站访问慢解决方案细图文教程

进入服务器wordpress程序及当前使用主题目录下

WordPress网站访问慢解决方案细图文教程

查找引用css的文件(在此以all.css为例,因为从f12结果可以看出all.css是本地加载)

WordPress网站访问慢解决方案细图文教程

查看functions.php内容,并定位到all.css位置,通过分析找出加载google的css代码

WordPress网站访问慢解决方案细图文教程

修改代码从本地读取css文件


WordPress网站访问慢解决方案细图文教程

将本地之前下载好的css.css上传到服务器当前主题文件目录下


WordPress网站访问慢解决方案细图文教程

验证

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


WordPress网站访问慢解决方案细图文教程

到此这篇关于wordpress网站访问慢解决方案细图文教程的文章就介绍到这了,更多相关wordpress网站访问慢解决方案内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

相关标签: WordPress