• 折腾总是会让人疲惫,自我怀疑,但是折腾出来了,就是成长,就是积累,就是收获,就是喜悦。

背景

最近一阵子后台登陆网页加载、前台文章评论区和目录加载非常缓慢,切换一个页面要加载将近1分钟,极大影响每一次维护网站的效率、浪费发博客的时间。

但是喜欢计算机的人都有一个特点,就是喜欢折腾。所以零前后端知识储备的我决定亲自来解决一下这个问题。

折腾思路1:有事问百度

因为根本不懂前后端知识,所以有事先问度娘。查了查网上的资料,说可能是什么插件安装太多、没有缓存之类的,所以就按照度娘说的,把一切不用的、不必要的插件、主题删除,关掉wordpress一些没用的欢迎界面。

一系列操作完成之后,然并卵。

折腾思路2:对比思考

因为之前没有出现这个问题,所以就回想了一下后台快慢的分界点,自己都做了哪些操作,导致后台加载变慢。

最大的一个改动是换了一个主题,但是换之后好长一段时间也没有导致后台变慢。

这期间改动了里面的一些设置,所以猜测可能其中的某个设置让网页加载变慢了。

找来找去,发现有个katex的选项从关闭变为打开时,前台网页评论区的加载、文章目录的加载会变慢,关闭之后会变正常。

抱着优化一点是一点的心,关掉了这个katex,解决了前台网页评论区、文章目录加载缓慢的问题。

测试后台,依然非常慢。

折腾思路3:F12定位问题,修改主题代码

前两个思路都没有解决后台加载缓慢的问题,于是又陷入思考当中。

突然想起之前调试网页图片加载不出来,是使用了F12看网页加载过程中的报错,最后发现了http和https的混用,解决了图片加载的问题。这次能不能也这么干。

于是乎,于是乎,F12看了一下网页加载过程中network的动作。

一看不要紧,发现有一个CSS文件、三个JS文件的加载,用了42秒以上还加载失败,报TIMEOUT的错误

又突然联想到有事问百度中有人提了一句如果访问国外CDN的资源,会导致网页加载变慢。只需要把对应的资源下载下来,放在服务器本地,修改一下链接地址就可以解决。

看了一下,这四个文件的地址果然都是在国外,于是用了些手段把这四个文件下载了。

然后登陆服务器后台,grep一下这几个文件在网站PHP代码中出现的位置。

发现在主题代码中,后台样式配置部分,有个什么wp_enqueue_script函数,调用了这几个文件,而且地址使用的都是国外CDN地址。

这个函数百度了一下,是用于JS、CSS资源加载的,也就是说,只要把这个地址改成本地的地址,或许问题就解决了。

通读了一下相关的PHP代码,大概明白了定义JS、CSS资源地址的方式,本地JS、CSS资源文件应该放置的位置,照葫芦画瓢的改了一下。

这是我认为搞编程的人的共性,虽然可能不懂别的语言,但是照葫芦画瓢的能力还是有的。

F5刷新一下,成了就。

到此就解决了后台加载缓慢、前台文章评论区、目录加载缓慢的问题。

因为自己不懂PHP、前后端开发什么的,所以点到为止,不再向下深挖了。

说点什么
请文明发言!
支持Markdown语法
好耶,沙发还空着ヾ(≧▽≦*)o
Loading...