WWW…周三!最佳速度测试工具

通过泰勒Slattery2020年2月12日

网站的最佳速度测试工具

我们都知道拥有一个快速的网站是很重要的。随着网速越来越快,我们的集体耐心逐渐减弱。无论我们访问的是哪个网站,我们都希望在整个网络上有类似的体验。一个加载速度太慢的网站可能会花费很高的成本。这种最初的挫败感可能会影响后续的互动,给访问者留下不好的印象,或者在最糟糕的情况下,他们可能根本就不会停留在网站上。

除了为访问者创造一个愉快的体验,我们网站的速度也会影响我们在搜索引擎中的排名。谷歌的算法更喜欢速度更快的网站,在搜索查询中排名更高。如果你的网站运行缓慢,有很多不同的罪魁祸首。通常情况下,最常见的两种情况是不可靠的网站主机和大图片,这两种情况都会显著降低网站的速度,在访问过程中损害你在访问者眼中的形象。当您完成疑点清单时,您将希望在此过程中执行速度测试,以便观察每个更改的效果。这里有一些你在这个过程中会用到的工具。

chrome devtools

Chrome开发工具网络面板是一个很好的开始,因为它已经包含在Chrome中。导航到你想要测试的页面,如果你在Windows或Linux上,按ctrl-shift-J,如果你在Mac上,按cmd-opt-J打开Chrome中的DevTools。接下来,导航到Network选项卡并刷新页面。然后您将看到一个从开始到结束的加载过程的瀑布。您可以看到每个单独的资源、加载它的顺序以及完成请求所需的时间。这是识别有问题资源的好方法。另一个Chrome DevTools的伟大功能可以通过导航到审计面板找到。在这里,您可以对您的站点进行审计,并收到关于如何提高速度的建议。您可以了解更多关于DevTools的信息在这里

pagespeed见解

如果你想要直接切入主题并获得一些可行的反馈,你会想要看看谷歌的PageSpeed Insights。在这里,您可以输入URL,谷歌的Lighthouse实用程序将分析您的网站的移动和桌面版本。你将收到每个版本的速度分数,并详细查看是什么导致了任何缓慢。这个工具最好的部分是它能够照亮你的网站的特定元素,使你慢下来。你可以查看PageSpeed Insights在这里

google-analytics-site-speed-timings -

前面提到的两个工具都将执行本地测试。虽然他们很擅长自己的工作,但他们不会让你了解整个情况。为了更好地了解站点的实际性能,在不同的位置测试速度是很重要的。更好的是,为什么不看看站点的实际实际性能呢?如果你已经是谷歌Analytics用户,你完全可以这么做。导航到谷歌分析菜单上的行为选项卡,你会看到真实的速度数据。

优化你的站点感觉就像一个永无止境的过程,确实如此,但是用强大的工具武装你自己可以使这颗药丸更容易吞咽。希望这些速度测试工具能够对您有所帮助。

泰勒是《设计札记》的总编辑。泰勒是一个平面设计师,插画家和设计领导Weirdsleep

对于寻求网页编码和前端设计全面培训的创意人员,塞申斯学院提供完全在线认证网页设计证书网页设计学位项目。联系招生为更多的信息。

这个博客是由世界领先的在线视觉艺术学校塞申斯学院赞助的。

点头通讯

使用我们的月度通讯增强您的收件箱。

点头——MC
发送