در دنیای توسعه نرم‌افزار، شکاف عمیقی میان محیط‌های توسعه (که معمولاً دارای سخت‌افزارهای قدرتمند و اینترنت پرسرعت هستند) و واقعیت‌های تجربه کاربر نهایی وجود دارد. بسیاری از کاربران از دستگاه‌های قدیمی، باتری‌های ضعیف یا شبکه‌های اینترنتی محدود استفاده می‌کنند که باعث می‌شود عبارت «روی سیستم من کار می‌کند» برای بسیاری از کاربران صادق نباشد. برای رفع این شکاف ادراکی، کلودفلر مجموعه داده BEACON (مخفف Browser Experience Across Cloudflare’s Observed Network) را منتشر کرده است.
مجموعه داده BEACON چیست؟
BEACON یک مجموعه داده ناشناس (Anonymized) است که از میلیاردها اندازه‌گیری عملکرد واقعی کاربران در ۱۰,۰۰۰ مورد از بزرگ‌ترین وب‌سایت‌های شبکه کلودفلر تشکیل شده است. این داده‌ها به صورت روزانه در Google BigQuery به‌روزرسانی می‌شوند و از استانداردهای RUM Archive (پایگاه داده نظارت بر کاربر واقعی یا Real User Monitoring) پیروی می‌کنند. این پروژه به پژوهشگران دیدگاهی بی‌سابقه درباره نحوه عملکرد وب در مرورگرها، دستگاه‌ها و کشورهای مختلف می‌دهد.
شاخص‌های کلیدی عملکرد (Core Web Vitals)
این مجموعه داده بر سه معیار اصلی تمرکز دارد که استانداردهای فعلی سنجش تجربه کاربر در وب هستند:
- Largest Contentful Paint (LCP): زمان بارگذاری بزرگ‌ترین المان محتوایی صفحه.
- Cumulative Layout Shift (CLS): پایداری بصری صفحه و میزان جابه‌جایی المان‌ها.
- Interaction to Next Paint (INP): پاسخ‌دهی سیستم به تعاملات کاربر.
یافته‌های کلیدی در مورد مرورگرها و صنایع
تحلیل داده‌ها نشان می‌دهد که موتور WebKit (تنها موتور مرورگر در iOS) در مجموع عملکرد بهتری دارد، اما این برتری جهانی نیست. برای مثال، در ۴۶ کشور، عملکرد LCP یا INP در WebKit تا ۱۰٪ ضعیف‌تر از مرورگرهای مبتنی بر Blink (مانند Chrome، Edge و Opera) است. در کامبوج، LCP در WebKit حدود ۵۰٪ ضعیف‌تر از Blink گزارش شده است.
از نظر دسته‌بندی صنایع، وب‌سایت‌های دولتی، سیاسی و بهداشتی عملکرد بالایی دارند، در حالی که سایت‌های تبلیغاتی، مذهبی و هواشناسی معمولاً کندترین تجربه کاربری را ارائه می‌دهند.
عوامل موثر بر کندی صفحات
کلودفلر با تجزیه LCP به بخش‌های کوچک‌تر، متوجه شد که برخلاف تصور رایج، دانلود خودِ منابع (مانند تصاویر یا ویدئوها) کمترین سهم را در کندی ادراک‌شده دارد. بیشترین تأخیرها مربوط به Document TTFB (زمان اولین بایت) و Render Delay (تأخیر در رندر شدن) است.
در مورد شاخص INP نیز مشخص شد که در تعاملات کند، زمان اجرای JavaScript بیشترین سهم را دارد و پس از آن، محاسبات پیچیده Layout در CSS باعث افزایش زمان نمایش (Presentation Delay) می‌شود.
تأثیر معماری اپلیکیشن: Hard vs Soft Navigations
با بررسی اپلیکیشن‌های تک‌صفحه‌ای (SPA) ساخته شده با فریم‌ورک‌هایی مانند React، Vue و Angular، نتایج نشان می‌دهد که Soft Navigations (جابه‌جایی‌های داخلی بدون رفرش کامل صفحه) ۲ تا ۳ برابر سریع‌تر از Hard Navigations هستند. با این حال، هزینه اولیه بارگذاری صفحه فرود (Landing Page) همچنان بسیار زیاد است و تیم‌های توسعه باید تعادلی میان سرعت جابه‌جایی‌های بعدی و سنگینی بارگذاری اولیه ایجاد کنند.
ارتباط کیفیت شبکه و عملکرد وب
ترکیب داده‌های BEACON با شاخص کیفیت اینترنت (IQI) نشان می‌دهد که عملکرد وب و کیفیت شبکه همبستگی مستقیم دارند. جالب است که در مناطقی مانند آفریقا، حجم داده‌های منتقل شده (Transfer Size) کمتر است؛ این موضوع احتمالاً نشان‌دهنده این است که کسب‌وکارها در این مناطق وب‌سایت‌های خود را با محدودیت‌های پهنای باند شبکه سازگار کرده‌اند تا تجربه کاربری بهتری ارائه دهند.
حریم خصوصی و متدولوژی
برای تضمین حریم خصوصی، کلودفلر تمامی شناسه‌های وب‌سایت‌ها (مانند نام دامنه و مسیر URL) را حذف کرده است. همچنین برای جلوگیری از اثرگذاری بیش از حد سایت‌های بسیار بزرگ بر نتایج، داده‌ها را بر اساس ۱۰,۰۰۰ وب‌سایت برتر نرمال‌سازی (Normalization) کرده و رکوردهایی با تعداد نقاط داده کمتر از ۵ مورد را برای جلوگیری از شناسایی سایت‌های خاص، حذف نموده است.
