博客列表 >WordPress网站访问慢解决方案细图文教程

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

P粉526161432
P粉526161432原创
2022年03月26日 10:39:32528浏览
  1. 这篇文章主要介绍了WordPress网站访问慢解决方案细图文教程,wordpress访问慢一直是一个比较头疼的问题,有正好需要的同学可以尝试下,感觉不错的可以分享给大家
  1. 前言
  2. 之前自己搭建一个WordPress个人网站:https://zhanghan.xin;最近发现访问比较慢,于是乎进行了排查,下面是优化的方案。
  3. 优化前:
  4. 加载耗时:21秒+
  5. 优化后:
  6. 加载耗时:250毫秒
  7. 优化后访问速度提升84倍+
  1. 解决方案流程图
  1. 流程图
  2. 在这里插入图片描述
  1. 问题&解决方案&验证
  1. 定位问题(加载一个CSS超时)
  1. 在这里插入图片描述
  1. 解决步骤
  2. 下载访问超时的CSSGoogle浏览器中F12中可以找到加载CSS地址)并保存到本地(用可以连上google网络)
  3. 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
  4. 在这里插入图片描述
  5. 在这里插入图片描述
  1. 查看当前WordPress使用主题(通过其他加载正常css可以看出当前使用bento主题)
  2. 在这里插入图片描述
  1. 进入服务器WordPress程序及当前使用主题目录下
  2. 1
  3. cd /www/wwwroot/zhanghan.xin/wp-content/themes/bento/
  4. 在这里插入图片描述
  5. 查找引用css的文件(在此以all.css为例,因为从F12结果可以看出all.css是本地加载)
  6. 1
  7. find . | xargs grep -ril 'all.css'
  8. 在这里插入图片描述
  9. 查看functions.php内容,并定位到all.css位置,通过分析找出加载googlecss代码
  10. 1
  11. vim functions.php
  12. 在这里插入图片描述
  13. 修改代码从本地读取css文件
  14. 在这里插入图片描述
  15. 将本地之前下载好的css.css上传到服务器当前主题文件目录下
  16. 在这里插入图片描述
  17. 验证
  18. 再次访问网站,发现加载速度正常且样式加载正常
  19. 在这里插入图片描述
  20. ```json
  21. 到此这篇关于WordPress网站访问慢解决方案细图文教程的文章就介绍到这了,更多相关WordPress网站访问慢解决方案内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

```

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议