WordPress建站网页响应速度慢的分析思路

2017年9月23日07:16:17 发表评论 487 views

近期建了一个新站,发现网站打开速度非常慢。网上也找了很多资料,大多数的原因就是Google字体加载、缓存、头像、服务器不稳定等等。可以一一排查之后,完了还是很慢。遇到问题还是得自己学会分析,这里分享一下网页响应慢的定位方法。

1、使用chrome(360浏览器也可以),打开目标网页。

2、在页面空白处点击鼠标右键 → 选择“审查元素” → 选择“Network”选项卡,如下图:

 

WordPress建站网页响应速度慢的分析思路

 

3、按F5刷新页面,结果如下:

 

WordPress建站网页响应速度慢的分析思路

 

在列表中找出响应时间最长的一项(当然我这里是另外一个网站做演示,没有耗时很长的选项),如果你看见time标记为红色,耗时达到十几s或者更高,这个就是导致你网站响应慢的罪魁祸首。通常情况访问谷歌的资源速度非常慢,禁用或替代Google产品的链接是有必要的。

 

知道了问题所在,如何解决?下面列举一个Google字体加载过慢的解决方法:

1、在主题的functions.php源码中搜索,发现主题中加载了fonts.googleapis.com的资源

<linkrel='stylesheet' id='google_font_ubuntu-css' href='http://fonts.googleapis.com/css?family=Ubuntu&#038;ver=3.8.3'type='text/css' media='all' />

2、修改资源,将上面红色部分修改为 “fonts.useso.com”,其中fonts.useso.com为360的开放代码库。

3、F5刷新页面,瞬间页面加载速度就快了很多。

  • 里维斯社
  • 微信扫一扫加好友
  • weinxin
  • 里维斯社
  • QQ扫一扫加好友
  • weinxin
Liwei

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: