Blogger Information
Blog 35
fans 0
comment 0
visits 29407
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
WordPress网站访问慢解决方案细图文教程
P粉526161432
Original
536 people have browsed it
  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网站访问慢解决方案内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

```

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post