• 欢迎访问黑科技娃娃的博客,傻瓜式的wordpress外贸建站教程,好玩的黑科技干货,有趣的生活小百科,快来加入黑科技娃娃 QQ群
  • 如果觉得这个BLOG有意思,那么赶紧使用Ctrl+D 收藏 黑科技娃娃 的博客 吧!

三种测试WordPress网站速度最好的方法

Wordpress外贸建站 黑科技娃娃 2年前 (2019-09-03) 2272次浏览 1个评论
文章目录[隐藏]

三种测试WordPress网站速度最好的方法新做的网站如果速度不过关基本就等于废了,所以网站上线前测试速度很重要,一般来说网站5秒内打开都是可以接受的,其实我觉得能5秒内打开是最好的。

有的朋友觉得自己测试网速觉得打开很快,给朋友传了下网站链接,朋友打开也很快,就觉得全世界打开你的网站都是如此顺利,那就大错特错了哦。

你用移动本地网络根本无法测试出电信网络对网站的速度的反馈,而且不同的地理位置网速表现也是不一样的,所以必须要有一些给力的测速工具来客观的判断网速。

一般来说测速总计有三种方式:

  • PING命令测速
  • 浏览器内置测速
  • 测速工具测速,这里分国内测速和国外测速两种。

PING命令测速

最基本的本地测速工具是命令框PING值测速,PING一下网址或者网站IP,就能得出网站的PING值。

Ping 就是本地电脑对IP的服务器发送数据,然后接收到服务器反馈数据的时间。一般以毫秒计算(1s=1000ms)。

Ping值:ping值主要和物理具体有关,Ping值越小代表速度越快  一般服务器离你越近,Ping越低。

一般国内服务器的PING值对中国本地网络来说是20-40ms,香港服务器对国内的PING值大概50-60ms,美国看服务器位置,美西估计180ms-220ms ,美东 300-400ms, 欧洲500+ms.

这里还有一个比较重要的参数:

丢包率:即测试PING值的时候出现超时,丢包率直接反应IP网络的连通性和质量。如果丢包率控制在5%以内,那基本没事,不影响网站运作。

你购买的服务器分配给你的IP品质就是通过丢包率来反馈的,丢包率高的IP说明不适合你的网络,需要换个适合你网络的IP服务器。其实PING值对玩网络游戏比较重要,如果PING值太高就会感觉游戏操作延迟。

而PING值对于网速的意义只是让你知道你的网站服务器对你本地的网络友好不友好而已。

那要如何得到PING值呢?

首先右键开始打开运行——输入cmd——打开命令窗口——输入 “ping 你的网站/网站IP” ,然后得出PING值,如图所示

注意:这里要注意,百度PING值出错的概率很小,一般都是畅通无阻的,所以你在测试自己网站前先测试百度,如果你百度测试出来都是超时丢包,然后PING值很不好的话,那可能是你本地网络不好,必须先确定你本地的网络没问题,才能开始测试网站PING值。

本地网络无误后,开始检查IP有无丢包,如果超时很厉害的话,就说明IP有问题,刚买服务器的话,可以要求换下IP。

三种测试WordPress网站速度最好的方法

 

查看内置浏览器的网页加载速度

在网站右键查看浏览器检查/审查元素,或者直接按F12切换到Network,然后F5 刷新页面,就可以看到每个文件的加载时间,观察网站首页加载的总容量和首页加载的主要内容,查阅有什么错误的状态码,看看关于网速的状态码200(无缓存)和304(有缓存),然后你就知道哪些没有缓存拖慢了网站速度,哪些要配置缓存。

第二个选项卡 console,能看到有部分图片或其它文件并不是通过https加载的,重新修改一下即可。

三种测试WordPress网站速度最好的方法

记得还要观察下TTFB(  Time to First Byte 的缩写),指的是浏览器开始收到服务器响应数据的时间(后台处理时间+重定向时间),是反映服务端响应速度的重要指标,如果发现有问题,要跟你网站所在空间的服务人员沟通原因解决。

一般来说静态页面的TTFB一般在50MS,而动态有个300MS,TTFB 时间如果超过了 500 ms,用户在打开网页的时候就会感觉到明显的等待,可以把 500 ms 以上认为是 TTFB 时间过长 .

使用国外测速工具来测试网站速度

Pingdom 测速

能看到网站的具体问题,网站首页加载了 31 个资源请求(比较准),会跟实际稍有差异,加载时间 1.49 秒,网站速度表现评分为 83 分B级。

 

三种测试WordPress网站速度最好的方法

这个工具好在每一项问题都可以单独点击,展开后里面会有说明文字,会帮助你更好地理解他们为何会影响网站页面加载速度。而且拉到最后在“Response Codes”中检查是哪31个资源拖慢了网速,你可以一个一个排查,看看有没有错误的状态码。

通过使用Expires标头,这些组件变得可缓存,从而避免了后续页面视图上不必要的HTTP请求。Expires标头通常与图像相关联,但是它们可以并且应该在所有页面组件(包括脚本,样式表和Flash)上使用。”

翻译过来就是通过使用Expires headers,把这些需要加载的页面代码图片资源变为可缓存的文件,以此避免不必要的HTTP请求。

注意:这个工具第二次使用必须要使用无痕浏览器使用,不然他会给你限制功能结果。

 

GTMetrix

大家看这个工具的测试结果跟上面的pingdom的结果略有不同,测试速度会有一个范围差,关于页面请求就测试得不如pingdom准确,所以有时候一个测速工具也是不够的,我们要多测试几个工具,结合着来判断。

GT的优势是同时集合了谷歌和雅虎Yahoo Yslow 的网页测速工具,而且它是同步更新的,当你对网站进行优化更改后,再次使用 Gtmetrix 时可以即刻看到优化效果。用了这个就不用再看Google PageSpeed Insights 测速评分工具

三种测试WordPress网站速度最好的方法

你会看到Google Page Speed得分的测试结果是主要是针对 浏览器缓存(Leverage browser caching)的建议,而Yahoo Yslow得分的测试结果是针对添加过期头(Add Expires headers)的建议,具体细节我们可以点击建议下面的小箭头来查看具体是那些文件有问题,然后可以点击READ MORE里面有代码来进行针对性的问题解决.

如果加载时间太长,可以点击“timing”和“waterfall”,看下是哪里的加载出了问题,“Waterfall”选项主要查看哪些文件太大造成耗时太久,需要针对性的处理。

三种测试WordPress网站速度最好的方法三种测试WordPress网站速度最好的方法

注意:这个测速工具主要是针对加拿大地区的测速,如果你想要测试其他地区可以注册一下他们的网站,然后就可以看到其他地区的速度测试结果了。

 

Google PageSpeed Insights 测速评分工具

Google PageSpeed Insights此工具会根据Google的速度测试网站,它会根据网站传递的规则数量显示分数,黑科技娃娃的网站有85-91分,一般我看老站的分数是60-70分左右,不知道是不是网站太大的缘故。

用GOOGLE自己的测速工具速度得分高的话,估计你在GOOGLE上的排名也不会太差。

跟前两个不同,这个工具不光只列出过期头的问题,基本把网站所有的问题都罗列了下,而且还有完整的细节建议。,比较适合针对着一个一个改善问题,而且还可以看到移动端的得分。

三种测试WordPress网站速度最好的方法

 

 

https://varvy.com/pagespeed/

首先这个我无意中发现的工具我觉得还挺好用的,它能直接展示我网站存在哪些问题,跟其他只显示问题但不告诉你怎么优化的测速工具不同,这个网站还能具象化这些问题,让你根据指导一步一步优化,我觉得非常不错。

三种测试WordPress网站速度最好的方法三种测试WordPress网站速度最好的方法

 

网络工具

主要用来测试全球各个区域平均速度,测试出来普遍比GT慢,第一次访问有6.5秒左右,属于额外补充工具,你会看到一些跟上面不一样的问题,做个补充工具。

三种测试WordPress网站速度最好的方法

 

webpagetest测试

可以选择单个地区测试速度,美国达拉斯测试出来完全加载4.57秒左右,测试结果跟DT差不多

三种测试WordPress网站速度最好的方法

 

以上工具说说是测速工具,更精确的来说是用来分析网站速度用的,一般是来反应拖慢网站速度的一些因素,以及哪里需要我们进行改进。

如果你想要测试国内网站速度的话,那就要用国内的测速工具,不过这些工具通常只是单纯的测速,分析功能很简陋甚至没有。

国内测速工具

百度统计测速

一般我们用百度统计的网站测速可以看下在网通电信里的速度,它会大概写几个问题注意点。

三种测试WordPress网站速度最好的方法

 

站长之家测速工具

测试国外的速度,就用GT,测试国内的速度,用站长工具。站长之家工具会详细展示你的网站在全国的速度。有可以查看IP、PING值、在国外速度的速度等等。通过测速对比,你可以知道对方有没有用CDN.

三种测试WordPress网站速度最好的方法

其实上面这些都只是工具而已,主要是帮助我们好好的研究怎么优化自己的网站速度,具体怎么提高网站速度,会有另外的文章介绍

 

-结尾-

你的朋友或同事,一定读过这篇文章,不读你就亏大了

(推荐指数:★★★★★)

反正看文免费,看看总有好处


本文标题:三种测试WordPress网站速度最好的方法
转载请保留原文链接:https://www.cooltechdoll.com/website-speed-test-tools/
黑科技娃娃, 版权所有
喜欢 (4)
[九流黑客]
分享 (0)
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 不错
    路过2019-09-04 19:44 回复 Mac OS X | Safari浏览器 604.1