Edge Security Acceleration:Page monitoring

Performance metrics

ESA page monitoring collects the following client data to assess performance:

• CLS (Cumulative Layout Shift): Measures visual stability by detecting unexpected content shifts during loading.

• FCP (First Contentful Paint): Records when the page first displays content, showing how quickly users see something load.

• FID (First Input Delay): Measures the delay between a user’s first interaction (such as a click) and the browser’s response, reflecting interactivity.

• LCP (Largest Contentful Paint): Records when the main content (like large images or text blocks) finishes loading, indicating perceived loading speed.

• TTFB (Time to First Byte): Measures the time from a user’s request to the moment the browser receives the first byte, reflecting server response time.

• INP (Interaction to Next Paint): Measures the responsiveness of user interactions throughout the page lifecycle, offering a comprehensive view of interaction performance.

Before you begin

• The feature currently only supports collecting and analysing data from pages with content-type of text/html. If you configure a page address that is not text/html or the page has no traffic, no monitoring data will be available.

• Data collected from users outside the Chinese mainland will be sent to Singapore. The collected data only includes some network metrics. ESA does not collect or store any user privacy information.

Setup

1. In the ESA console, choose Websites and click the name of the website you want to manage.

2. In the left-side navigation pane, click Speed and Network > Speed Monitor.

3. In the Page Monitoring area, click Add Monitoring.

   

   SDK integration methods

   To enable page monitoring, integrate JavaScript scripts for data collection in HTML pages. There are two methods:

   • Automatic integration (recommended): ESA automatically inserts a JavaScript into the HTML response of the origin. This script does not affect page content.

   • Manual integration: Integrate the JavaScript link below into the HTML pages to be monitored.

     <script src="https://rjsperf.myalicdn.com/sdk.js"></script>

Monitoring grading

ESA uses different grading colors to represent performance conditions:

• Green: excellent

• Yellow: average

• Red: poor

Many factors affect monitoring data. For example, client network conditions, ESA acceleration performance, and website rendering methods. If you need to test the ESA acceleration more accurately, use Alibaba Cloud Application Real-time Monitoring Service (ARMS) or other synthetic monitoring tools.

The table lists the grading ranges for each metric:

Availability