巅云php学苑
近期车展
最新发布
快速导航

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

开放平台 / iot / 2022-04-06 21:01
访问量 访问量 1044 我的收藏 - 反馈 - 海报

基本信息

内容

前言

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

优化前:

加载耗时:21秒+

优化后:

加载耗时:250毫秒

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

解决方案流程图

流程图


问题&解决方案&验证

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

解决步骤

下载访问超时的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使用主题(通过其他加载正常css可以看出当前使用bento主题)


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

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

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

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

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

vim functions.php

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


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


验证

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


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

没有更多了

用户评价(0)

好评率100%
  • 没有更多了
+ 更多
  • 联系人:
  • 地区:
  • 联系电话: (2007)条 地区:未知

联系我们

合作或咨询可通过如下方式:

QQ/微信:123456

网址:www.xxxx.cn

微信公众号:车展门票

关于本站

「车展网www.xxxxxxx.cn」是一个集全国各地品牌经销车商的平台,让您在所在城市,第一时间收到车展的最新消息,让您的试驾、选车、购车、贷车一步到位,更多优惠直达客户,无需东奔西走,带上中意的车回家,让您省钱,更省心。

Copyright 车展网 www.xxxx.cn Reserved渝ICP备xxxxxxxx号

关注我们