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

2022-04-15 0 648

前言

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

优化前:

加载耗时:21秒+

优化后:

加载耗时:250毫秒

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

解决方案流程图

流程图

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

问题&解决方案&验证

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

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

解决步骤

下载访问超时的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网站访问慢解决方案细图文教程
WordPress网站访问慢解决方案细图文教程

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

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

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

cd /www/wwwroot/zhanghan.xin/wp-content/themes/bento/

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

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

find . | xargs grep -ril 'all.css'

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

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

vim functions.php

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

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

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

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

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

验证

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

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

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

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 PHP编程 WordPress网站访问慢解决方案细图文教程 https://www.niceym.com/17501.html