ARMS frontend monitoring

Why do you need frontend monitoring?

When users access your services, their access process consists of three main stages: page generation (server-side state), page loading, and page runtime.

Server-side monitoring is relatively mature, but page loading and runtime states are often overlooked. For example:

• You cannot immediately know when users encounter errors on your site.

• You do not know the actual access speeds for users in different countries and regions.

• Your application makes numerous asynchronous data calls, but you do not know their performance and success rates.

Our solution

ARMS Frontend Monitoring captures page load performance, runtime exceptions, and API call status and latency, then reports this data to a log server for real-time analysis. Intuitive reports help you identify and diagnose issues based on real user experience.

In the left-side navigation pane of the ARMS console, choose Frontend Monitoring to view the overview page, which displays core metrics such as page load speed, JS error rate, and API success rate in metric cards.

Supported scenarios

ARMS Frontend Monitoring supports the following scenarios:

• Web/H5

• Weex

• DingTalk mini program

• Alipay mini program

• WeChat mini program

• Other mini programs

Capabilities

Key capabilities of ARMS Frontend Monitoring include:

• Page load speed

  Measures page performance metrics including first render time, First Contentful Paint (FCP) time, DOM ready time, and resource loading time.

• JS error diagnosis

  Displays JS error information and distribution, and traces user actions to help you locate the source of each error.

• API request monitoring

  Provides details about each API request, including success rates, response information, and average latency for successful and failed requests.

• Distributed tracing

  Connects frontend API requests to their corresponding backend calls, providing a complete trace of the entire code execution path.

Browser and platform compatibility