PagesPeed与真实的用户监视:有什么区别?
#javascript #网络开发人员 #性能 #webperf

作为Web开发人员,我们知道我们的网站和应用程序的性能对于提供出色的用户体验至关重要。 Core Web Vitals是一组测量网站或应用程序的性能和用户体验的指标,是其中的重要因素。为了评估和提高性能,我们可以使用一系列工具和技术,包括PageSpeed和真实的用户监控(RUM)。在本文中,我们将分解PagesPeed和Rum之间的差异,以及如何一起使用它们从您的网站或应用程序中获得最佳性能。

什么是页面?

PagagesPeed是Google创建的工具,旨在帮助Web开发人员使其网站运行速度更快。 PagesPeed Insights分析了您的网站的性能,并为您提供有关如何改进该网站的建议。

什么是真正的用户监视?

真正的用户监视(RUM)是一种从用户的角度跟踪和测量网站或应用程序的性能的技术。朗姆酒涉及从用户与网站或应用程序互动时收集数据,并使用此数据来了解该网站在现实世界中的性能。

PAGESPEED和真实用户的监视如何不同?

PagesPeed和实际用户监视之间存在几个关键差异。主要区别是PagesPeed是一种合成工具,而RUM是一种现实世界监测工具。这意味着PagesPeed在受控环境中分析网站或应用程序的性能,而RUM则跟踪真正用户使用的网站或应用程序的性能。

另一个关键区别是PagesPeed专注于优化网站或应用程序的性能,而RUM则专注于衡量和跟踪性能。这意味着PAGESPEED提供了改进的建议,而RUM提供了有关网站或应用程序在现实世界中表现方式的数据。

如何采用真实的用户监控

真实的用户监视(朗姆酒)是前端网络开发人员的宝贵工具,可提供有关其网站或应用程序在现实世界中的表现的见解。根据网络开发人员的需求,可以通过几种不同的方式来采用朗姆酒。

谷歌分析

Image description

第一种方法是使用网站或应用程序(例如Google Analytics(分析))内置的朗姆酒工具。使用web-vitals NPM软件包,可以向Google Analytics(分析)发送原始性能数据。 onCLSonFIDonLCP函数允许Web开发人员分别跟踪累积的布局变化,第一个输入延迟和最大的内容涂料指标。通过将这些数据与Google Analytics(分析)结合使用,Web开发人员可以更完整地了解其网站或应用程序的性能。

import {onCLS, onFID, onLCP} from 'web-vitals';

function sendToGoogleAnalytics({name, delta, value, id}) {
  gtag('event', name, {
    value: delta,
    metric_id: id,
    metric_value: value,
    metric_delta: delta,
  });
}

onCLS(sendToGoogleAnalytics);
onFID(sendToGoogleAnalytics);
onLCP(sendToGoogleAnalytics);

但是,这种方法有一些缺点。这些缺点之一是仪表板有限和用户体验差。使用仪表板可能很难导航和理解,因此很难解释数据。此外,可用于跟踪的指标仅限于核心Web Vitals指标。如果需要更详细的分析,则可能需要不同的方法。

第三方SaaS

第二种方法是使用第三方朗姆酒工具,例如New RelicLoado。这些工具比Google Analytics(分析)更强大,并允许Web开发人员更详细地跟踪性能。

LOADO是一种强大的真实用户监视(朗姆酒)工具,可为前端Web开发人员提供一系列功能。它为那些刚开始的人提供了免费的计划,允许Web开发人员在没有任何前期成本的情况下跟踪性能。它还包括内置警报,可以帮助Web开发人员快速识别和解决任何性能问题。 Loado提供的仪表板和报告使解释数据并随着时间的推移跟踪网站或应用程序的性能。

<!DOCTYPE html>
<html lang='en'>
<head>
  <meta charset='UTF-8'>
  <title>Your awesome website</title>

  <script async src="https://cdn.loado.dev/sdk.js" />

</head>
<body>
</body>
</html>

此外,LOADO通过用户定时API支持自定义指标。这使网络开发人员可以更详细地跟踪性能,并更好地了解其网站或应用程序在现实世界中的表现。通过使用Loado,Web开发人员可以更有效地跟踪和改善其网站或应用程序的性能。

自己的自定义服务

第三种方法是构建自定义朗姆酒解决方案。这需要对朗姆酒有更详细的了解,并且可以设置时间耗时。但是,这可能是跟踪性能的最具成本效益的方式,并允许Web开发人员以适合其特定需求的方式收集数据。

无论采用哪种方法,朗姆酒都可以成为跟踪网站或应用程序性能的强大工具。通过使用朗姆酒,前端网络开发人员可以更好地了解其网站或应用程序的性能,并就如何改进它做出明智的决定。

如何一起使用PAGESPEED和实际用户监视?

尽管PagesPeed和Real用户监视是具有不同目标的不同工具,但它们可以一起使用以最大程度地提高网站或应用程序的性能。以下是一起使用这些工具的一些技巧:

  • 使用PagesPeed Insights确定改进领域:PagesPeed Insights是确定可以优化网站或应用程序的领域的绝佳工具。通过使用此工具,您可以确定影响性能的特定问题,并获得有关如何修复它们的建议。
  • 使用朗姆酒跟踪变化的影响:一旦您实施了PagesPeed Insights的建议,就可以使用RUM跟踪这些更改对网站或应用程序性能的影响。这将帮助您了解这些更改是否具有期望的效果并确定可能需要的进一步改进。
  • 监视实验室和现场数据:重要的是要同时监视实验室数据(使用PAGESPEED)和现场数据(使用朗姆酒收集)以获取网站或应用程序性能的完整图片。通过结合这两种类型的数据,您可以确定技术问题和用户体验可能会影响性能的问题。

总而言之,PagesPeed和Real用户监视既是改善网站或应用程序性能的宝贵工具。通过一起使用它们,前端Web开发人员可以识别和解决性能问题,跟踪更改的影响,并实时监视其网站或应用程序的性能。通过优化核心Web Vitals并使用这些工具,您可以为访问者提供更好的用户体验。