Edge Security Acceleration：Pemantauan Halaman

Metrik Performa

ESA pemantauan halaman mengumpulkan data klien berikut untuk mengevaluasi performa:

• CLS (Cumulative Layout Shift): Mengukur stabilitas visual dengan mendeteksi pergeseran konten tak terduga selama pemuatan halaman.

• FCP (First Contentful Paint): Mencatat saat halaman pertama kali menampilkan konten, menunjukkan seberapa cepat pengguna melihat sesuatu dimuat.

• FID (First Input Delay): Mengukur jeda antara interaksi pertama pengguna (seperti klik) dan respons browser, mencerminkan tingkat interaktivitas.

• LCP (Largest Contentful Paint): Mencatat saat konten utama (seperti gambar besar atau blok teks) selesai dimuat, menunjukkan kecepatan pemuatan yang dirasakan.

• TTFB (Time to First Byte): Mengukur waktu dari permintaan pengguna hingga saat browser menerima byte pertama, mencerminkan waktu respons server.

• INP (Interaction to Next Paint): Mengukur responsivitas interaksi pengguna selama siklus hidup halaman, memberikan pandangan menyeluruh tentang performa interaksi.

Sebelum Anda memulai

• Fitur ini hanya mendukung pengumpulan dan analisis data dari halaman dengan content-type berupa text/html. Jika Anda mengonfigurasi alamat halaman yang bukan text/html atau halaman tersebut tidak memiliki lalu lintas, tidak akan ada data pemantauan yang tersedia.

• Data yang dikumpulkan dari pengguna di luar daratan Tiongkok akan dikirim ke Singapura. Data yang dikumpulkan hanya mencakup beberapa metrik jaringan. ESA tidak mengumpulkan atau menyimpan informasi privasi pengguna apa pun.

Pengaturan

1. Di konsol ESA, pilih Situs Web dan klik nama situs web yang ingin Anda kelola.

2. Di panel navigasi sisi kiri, klik Speed and Network > Speed Monitor.

3. Di area Page Monitoring, klik Add Monitoring..

   

   Metode Integrasi SDK

   Untuk mengaktifkan pemantauan halaman, integrasikan skrip JavaScript untuk pengumpulan data di halaman HTML. Ada dua metode:

   • Integrasi otomatis (direkomendasikan): ESA secara otomatis menyisipkan JavaScript ke dalam respons HTML dari origin. Skrip ini tidak memengaruhi konten halaman.

   • Integrasi manual: Integrasikan tautan JavaScript di bawah ini ke dalam halaman HTML yang akan dipantau.

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

Penilaian pemantauan

ESA menggunakan warna penilaian berbeda untuk merepresentasikan kondisi performa:

• Hijau: sangat baik

• Kuning: rata-rata

• Merah: buruk

Beberapa faktor dapat memengaruhi data pemantauan, seperti kondisi jaringan klien, performa akselerasi ESA, dan metode rendering situs web. Untuk pengujian akselerasi ESA yang lebih akurat, gunakan Alibaba Cloud Application Real-time Monitoring Service (ARMS) atau alat pemantauan sintetis lainnya.

Tabel berikut mencantumkan rentang penilaian untuk setiap metrik:

Ketersediaan