如何衡量网站加载时间

2021年2月24日05:20:54 发表评论 22 次浏览

消费者越来越不耐烦在等待他们的Web浏览器加载内容时。测量和监视从台式计算机, 笔记本电脑, 平板电脑或智能手机上加载网站页面所需的时间, 使你可以在数十种降低网站速度的情况中的任何一种发生时采取纠正措施。

与电子商务网站的加载时间有关的最近被引用最多的统计数据是Forrester在2009年代表Akamai进行的一项研究。它部分读到:" 40%的购物者在放弃零售或旅游网站之前将等待不超过三秒钟。"

从这项研究和常识性的观察中, 我们都知道加载时间会影响网站的创收潜力。在本文中, 我将解释影响加载时间的因素, 以及如何测量和监视所有加载时间。

网站绩效的驱动力

从用户的角度来看, "页面"是其浏览器中的URL。但是, 现实要复杂得多。当加载单个页面时, 浏览器会进行数十个后台调用。这些包括以下内容。

  • 网页的许多部分。多次调用转到你的Web服务器, 以加载页面的基本HTML, 所需的样式表, 网站上使用的JavaScript文件以及用于构建页面的每个图像。
  • 整合社交媒体链接。呼叫将转到与站点集成的每个不同的社交网络, 以使用户可以轻松共享内容。
  • 链接到分析平台。呼叫转到你的Web分析平台以捕获和记录页面视图本身。
  • 链接到广告服务器。如果你正在运行数字媒体广告系列, 则呼叫将转到广告服务器, 以记录广告结果并启用广告的重定向。

要构建页面, 浏览器通常要对20个或更多不同的"站点"进行一次或多次调用。根据页面的构建方式, 这些站点中的任何一个站点出现故障或延迟都可能阻止整个页面的加载。此外, 这些故障可能被隔离到特定的访问者组:例如, 某个国家或地区或使用某个浏览器的访问者。

有多种方法可以跟踪网站上的页面加载的速度和可靠性。它们都不是完美的, 也不是防弹的。最好的策略是采取多管齐下的方法。

知道负载

尽管不进行持续的测量或监视, 但只需熟悉加载在你网站上的所有不同组件, 便是一个不错的起点。这Firefox的Firebug插件是一种免费的方法, 可以直观地显示浏览器在后台执行的操作, 以在你的网站上呈现页面。

以下是该网站上一篇文章的Firebug截图。在这种情况下, 浏览器向12个不同的域发出了94个单独的请求。

飞涨

放大此图片

Firebug可以将页面加载分解为单个组件。

Firebug可以将页面加载分解为单个组件。

滚动浏览Firebug屏幕显示:

  • 加载的每个图像, JavaScript文件和CSS文件;
  • 从你的浏览器发起请求到返回并加载资产所需的时间;
  • 每个请求的"状态"-当你在站点上加载页面时, 看到许多" 304未修改"条目, 因为你经常访问站点, 因此浏览器会缓存许多资产。按住SHIFT键并刷新页面, 你将看不到任何304代码, 而是" 200 OK"代码。这是首次访问你网站的页面加载方式的近似值。

请记住, 此检查仅是一个用户(即你)在某个时间点从一个地理位置加载一页。这是了解站点页面的各个元素以及发现站点的主要错误的好方法。但这就是价值的终点。

Google Analytics(分析)网站速度报告

Google Analytics(分析)提供内置的"网站速度"报告(以"内容"»"网站速度"), 以显示许多页面平均负载。

Google Analytics(分析)将绘制一段时间内和平均情况下的页面响应性图表。

Google Analytics(分析)将绘制一段时间内和平均情况下的页面响应性图表。

在"页面计时"报告上, 单击"性能"选项卡, 以查看整个站点的页面加载时间分布, 如下所示。

将加载时间分成直方图,可以轻松查看典型行为。

将加载时间分成直方图, 可以轻松查看典型行为。

"页面时间"报告上的"资源管理器"选项卡显示了各个页面的页面加载时间, 如下所示。

Google Analytics(分析)还可以显示各个页面的行为。

Google Analytics(分析)还可以显示各个页面的行为。

这很有用, 因为它基于来自不同且适当的用户集的数据:你网站的实际访问者。

但是, 此数据有一些警告。

  • 基于访客样本。对于重要页面但访问量有限的页面, 你可能有基于少量实际访问者的数据
  • 依靠JavaScript。仅在页面的Google Analytics(分析)JavaScript执行时才收集数据。如果一个页面或一组页面的加载时间很慢, 则访问者可能会定期放弃, 然后再进行加载。因此, 没有为这些会话收集任何数据;但是从加载时间的角度来看, 这些是你最关心的确切会话。

每当网站使用新功能或新设计进行更新时, 这些都是有用的报告, 可用于检查以监视整体页面性能。并且, 考虑在Google Analytics(分析)中为"平均页面加载时间"以在Google Analytics(分析)检测到加载时间突然变化时得到通知。

第三方监控

第三方监视的好处包括:

  • 一致, 可重复的测量;
  • 监控一系列地理位置的效果-并报告它们之间的比较情况;
  • 如果网站出现问题, 可以迅速通知你的警报。

这些服务的价格范围从廉价到昂贵, 具体取决于监视的范围和频率。有许多公司提供这些类型的服务, 从提供免费和分层产品的公司(例如notlogy, monitor.us和Site24x7)到极为强大和复杂的服务(例如Gomez)。

监视的范围从非常基本到更加复杂, 如下所示。

  • 基本站点响应。这通常称为" ping测试", 是指监视服务以某种重复频率(例如每五分钟或每小时一次)将请求发送到站点, 并寻找"有效"响应以返回。这对于确保最基本的站点正常运行很有用。 ping的频率越高, 系统可以更快地向你发出问题的警报。而且, 该服务可以提供"站点正常运行时间"报告, 告诉你在任何时间段内, 这些ping测试成功的频率分别为99.0%, 99.5%, 99.9%。
  • 页面加载时间。这是无法ping测试的水平, 因为对于你提供的特定URL, 该服务将测量返回并加载页面上所有资产所需的时间。这是对Google Analytics(分析)"页面计时"报告的外部监控补充, 采用了不同的衡量方法。
  • 内容检查的页面加载时间某些服务不仅可以简单地测量页面内容加载需要多长时间来实际检查正确的内容正在加载。这对于捕获罕见的灾难性情况(其中关键页面返回"正常失败")很有用。例如, 今年早些时候, 主要的快餐连锁店的主页显示了内容管理系统的文档, 而不是美味的汉堡和薯条图像。对站点执行ping测试将恢复正常。并且, 该页面可以很好地加载, 但是内容完全不合适。

不知所措?

在本文中, 我介绍了多种方法来回答一个简单的问题:"我的网站加载速度有多快?"许多电子商务和内容管理平台都有应启用和配置的内部应用程序监视器。站点托管提供商通常具有监视服务, 以监视服务器负载和响应时间。来自Hub'Scan和ObservePoint等服务的第三方链接检查器和分析标记检查器可以主动抓取你的网站, 以在许多人绊倒之前查找问题。

这看起来似乎势不可挡。但是, 即使仅是基本且简单的网站性能衡量指标, 也比根本没有衡量指标要好得多。在理想的环境中, 你将设计一套多方面的, 全面的工具和服务, 以主动监视站点的所有可能方面。

但是, 只要了解你所使用的每种工具在衡量站点的正常运行时间和页面加载时间方面, 就会是一个不错的起点。

一盏木

发表评论

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