Cloudflare推出了可以从用户角度量测网站效能的工具Browser Insights,帮助开发者了解网页变慢的地方、时机以及原因。
网页的效能会影响用户转换的效率,而要着手改善网页的效能,必须对网页进行必要的测量,了解效能瓶颈的细节。Cloudflare举例,当一家电子商务网站发现有许多流量来自秘鲁,但是其转换的效率比起北美的使用者还要低很多,而开发者猜测可能原因,是载入结账的页面所需要的时间比较长,导致使用者在结账的过程,因不耐烦而最终没有完成付款。
不过,验证效能问题的原因是个难题,通常的做法无非是查看服务器的日志,或是观察浏览器载入页面执行缓慢的情况,但Cloudflare提到,仅查看服务器端的资料,无法获得网页浏览器载入所有必要脚本,执行并且绘制页面的时间,而这段却是影响最终用户体验的关键。
而仅从少量的电脑或是终端量测网页效能,则无法完整表现整体的使用者情况,且会忽略使用者的多样性,而Browser Insights工具中的计时器,则能实际捕捉用户浏览器载入网页需要的时间。
而Cloudflare推出的Browser Insights工具,讲求能够侦测使用者端的实际情况,开发者能够抓到请求等级的指标,像是用户端收到第一个字节的时间(Time to first byte,TTFB)、DNS回应时间以及TCP连接时间,另外,还能撷取页面载入时间、解析HTML和执行JavaScript所花费的时间等页面等级指标。Browser Insights会为每个HTML页面加入一小段JavaScript追踪程式码,使用标准效能API来收集计时资料。
用户在Cloudflare的服务仪表板上点选速度,就能查看Browser Insights工具所收集的资料,除了可以查看网页效能的指标外,也能深入了解影响这些效能指标的各种因素,仪表板会以世界地图展示各区域的指标表现。
接下来Cloudflare计划为Browser Insights加入更多的指标和维度,并且能够对子资源进行分析,提供瀑布图来凸显速度较慢的资源,并且让开发者以A/B测试,掌握潜在影响流量效能的配置,并且在低于用户预先定义的阈值时发出警报。