文章目录
- PING命令测速
- 查看内置浏览器的网页加载速度
- 使用工具来测试网站速度
新做的网站如果速度不过关基本就等于废了,所以网站上线前测试速度很重要,一般来说网站5秒内打开都是可以接受的,其实我觉得能三秒内打开是最好的。
有的朋友觉得自己测试网速觉得打开很快,给朋友传了下网站链接,朋友打开也很快,就觉得全世界打开你的网站都是如此顺利,那就大错特错了哦。
你用移动本地网络根本无法测试出电信网络对网站的速度的反馈,而且不同的地理位置网速表现也是不一样的,所以必须要有一些给力的测速工具来客观的判断网速。
一般来说测速总共有以下几种方式:
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。
查看内置浏览器的网页加载速度
在网站右键查看浏览器检查/审查元素,或者直接按F12切换到Network,然后F5 刷新页面,就可以看到每个文件的加载时间,观察网站首页加载的总容量和首页加载的主要内容,查阅有什么错误的状态码,看看关于网速的状态码200(无缓存)和304(有缓存),然后你就知道哪些没有缓存拖慢了网站速度,哪些要配置缓存。
使用工具来测试网站速度
Pingdom 测速
能看到网站的具体问题,网站首页加载了 31 个资源请求,会跟实际稍有差异,加载时间 1.49 秒,网站速度表现评分为 83 分B级。
这个工具好在每一项问题都可以单独点击,展开后里面会有说明文字,会帮助你更好地理解他们为何会影响网站页面加载速度。而且拉到最后在“Response Codes”中检查是哪31个资源拖慢了网速,你可以一个一个排查,看看有没有错误的状态码。
关于第一个得分最差的F,他给我的建议是“By using Expires headers these components become cacheable, which avoids unnecessary HTTP requests on subsequent page views. Expires headers are most often associated with images, but they can and should be used on all page components including scripts, style sheets, and Flash.”
翻译过来就是通过使用Expires headers,把这些需要加载的页面代码图片资源变为可缓存的文件,以此避免不必要的HTTP请求。
注意:这个工具第二次使用必须要使用无痕浏览器使用,不然他会给你限制功能结果。
GTMetrix
大家看这个工具的测试结果跟上面的pingdom的结果略有不同,关于页面请求就测试得不如pingdom准确,所以有时候一个测速工具也是不够的,我们要多测试几个工具,结合着来判断。
GT的优势是同时集合了谷歌和雅虎Yahoo Yslow 的网页测速工具,而且它是同步更新的,当你对网站进行优化更改后,再次使用 Gtmetrix 时可以即刻看到优化效果。用了这个就不用再看Google PageSpeed Insights 测速评分工具
你会看到Google Page Speed得分的测试结果是主要是针对 浏览器缓存(Leverage browser caching)的建议,而Yahoo Yslow得分的测试结果是针对添加过期头(Add Expires headers)的建议,具体细节我们可以点击建议下面的小箭头来查看具体是那些文件有问题,或者点击GTmetrix“Waterfall”选项来查看哪些文件太大造成耗时太久,需要针对性的处理。
注意:这个测速工具主要是针对加拿大地区的测速,如果你想要测试其他地区可以注册一下他们的网站,然后就可以看到其他地区的速度测试结果了。
Google PageSpeed Insights 测速评分工具
Google PageSpeed Insights此工具会根据Google的速度测试网站,它会根据网站传递的规则数量显示分数,黑科技娃娃的网站有85-91分,一般我看老站的分数是60-70分左右,不知道是不是网站太大的缘故。
用GOOGLE自己的测速工具速度得分高的话,估计你在GOOGLE上的排名也不会太差。
跟前两个不同,这个工具不光只列出过期头的问题,基本把网站所有的问题都罗列了下,而且还有完整的细节建议。,比较适合针对着一个一个改善问题,而且还可以看到移动端的得分。
VARVY
首先这个我无意中发现的工具我觉得还挺好用的,它能直接展示我网站存在哪些问题,跟其他只显示问题但不告诉你怎么优化的测速工具不同,这个网站还能具象化这些问题,让你根据指导一步一步优化,我觉得非常不错。
dotcom-tools
属于额外补充工具,你会看到一些跟上面不一样的问题,做个补充工具。
其实上面这些都只是工具而已,主要是帮助我们好好的研究怎么优化自己的网站速度,具体怎么提高网站速度,会有另外的文章介绍。