Edge Security Acceleration:Pemantauan Halaman

Ikhtisar fitur

Pemantauan Halaman ESA memberikan wawasan mengenai kinerja situs web Anda dengan mengumpulkan data dari sesi pengguna riil di perangkat PC dan seluler. Layanan ini menangkap vitalitas web inti dan metrik kinerja berikut:

• CLS (Cumulative Layout Shift): Mengukur stabilitas visual halaman untuk mencegah pergeseran tata letak tak terduga saat konten dimuat.

• FCP (First Contentful Paint): Mengukur waktu saat halaman pertama kali menampilkan konten, mencerminkan seberapa cepat pengguna merasa halaman mulai dimuat.

• FID (First Input Delay): Mengukur jeda antara interaksi pertama pengguna (misalnya mengklik tombol) dan respons browser, yang mencerminkan interaktivitas halaman.

• LCP (Largest Contentful Paint): Mengukur waktu saat elemen konten terbesar, seperti gambar atau blok teks, dirender, yang mencerminkan kecepatan pemuatan konten utama yang dirasakan pengguna.

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

• INP (Interaction to Next Paint): Mengukur responsivitas halaman terhadap interaksi pengguna sepanjang siklus hidupnya, memberikan penilaian komprehensif terhadap kinerja interaksi.

Catatan penggunaan

• Fitur Pemantauan Halaman saat ini hanya mendukung pengumpulan dan analisis data akses halaman untuk halaman dengan content-type berupa text/html. Jika Anda mengonfigurasi URL untuk halaman non-text/html atau jika suatu halaman tidak memiliki lalu lintas akses, data pemantauan tidak akan tersedia.

• ESA mengirimkan data yang dikumpulkan dari pengguna di luar Tiongkok daratan ke Singapura. Data yang dikumpulkan hanya terdiri atas metrik jaringan; ESA tidak mengumpulkan atau menyimpan data pengguna pribadi apa pun.

Prosedur

1. Di Konsol ESA, buka site management, lalu klik situs web yang diinginkan pada kolom Website.

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

3. Di area Page Monitoring, klik Add Monitoring. Masukkan awalan subdomain untuk halaman yang ingin Anda pantau, misalnya monitor.

   

4. Pilih SDK Integration. Untuk mengaktifkan Pemantauan Halaman, Anda harus mengintegrasikan skrip pengumpulan JavaScript ke dalam halaman HTML Anda. Tersedia dua metode integrasi:

   • Automatic Integration (Recommended): ESA secara otomatis menyuntikkan JavaScript ke dalam respons HTML dari origin Anda. Skrip ini tidak memengaruhi konten asli halaman Anda.

   • Manual Integration: Anda harus menambahkan tag skrip berikut secara manual ke HTML halaman yang ingin dipantau.

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

Penilaian kinerja

Penilaian kinerja membantu Anda mengevaluasi pengalaman pengguna dengan cepat. Peringkat "Good" menunjukkan kinerja sangat baik, "Needs Improvement" berarti rata-rata, dan "Poor" berarti di bawah standar. Penilaian kinerja ditentukan dengan membandingkan nilai metrik terhadap ambang batas dalam tabel berikut. Beberapa faktor dapat memengaruhi metrik ini, termasuk kondisi jaringan sisi client, kinerja akselerasi ESA, dan metode rendering situs web. Untuk mengukur secara akurat akselerasi yang diberikan oleh ESA, gunakan Application Real-time Monitoring Service (ARMS) Alibaba Cloud atau alat pemantauan sintetis lainnya.

Ketersediaan fitur berdasarkan paket