Penerapan metode Software Performance Engineering pada optimasi website

INDONESIA:

Perkembangan teknologi web modern seperti Single Page Application (SPA) membawa tantangan performa, terutama saat sistem dihadapkan pada lonjakan trafik ekstrem seperti fenomena "war tiket" pada website grup idola 48 Group. Penelitian ini bertujuan untuk menerapkan metode Software Performance Engineering (SPE) guna mengevaluasi dan mengoptimasi performa pada 12 website 48 Group. Pengukuran dilakukan menggunakan sistem Website Performance Analyzer terhadap 11 metrik performa (seperti FCP, TTI, TBT, DOM Size, dan Network Requests) dengan pengujian berulang (multiple runs) sebanyak 10 kali pada profil desktop. Data dievaluasi secara statistik menggunakan nilai Median dan Cliff's Delta Effect Size.

Selain itu, dilakukan studi validasi pengguna terhadap 100 responden fans untuk membandingkan hasil teknis dengan persepsi nyata. Hasil penelitian menunjukkan adanya berbagai bottleneck performa pada website yang diuji, di mana masalah paling umum adalah tingginya jumlah Network Requests (NR), lambatnya Time to Interactive (TTI), tingginya Estimated Input Latency (EIL), dan besarnya ukuran DOM. Hasil pengujian teknis ini sejalan dengan keluhan pengguna terkait loading yang lambat, kegagalan antrean, dan error saat kondisi trafik tinggi. Melalui pendekatan SPE, rekomendasi optimasi difokuskan pada pengurangan jumlah request, penyederhanaan struktur DOM, serta pengurangan eksekusi beban JavaScript, sehingga performa website dapat dievaluasi dan ditingkatkan secara terukur dan sistematis.

ENGLISH:

The development of modern web technologies such as Single Page Applications (SPA) brings significant performance challenges, especially when systems face extreme traffic surges like the "ticket war" phenomenon on the idol group websites of 48 Group. This study aims to apply the Software Performance Engineering (SPE) method to evaluate and optimize the performance of 12 websites under 48 Group. Measurements were conducted using the Website Performance Analyzer system on 11 performance metrics (such as FCP, TTI, TBT, DOM Size, and Network Requests) with 10 multiple runs on a desktop profile. The data were statistically evaluated using the Median value and Cliff's Delta Effect Size.

In addition, a user validation study was conducted on 100 fan respondents to compare technical results with real user perceptions. The results revealed various performance bottlenecks across the tested websites, with the most common issues being high Network Requests (NR), slow Time to Interactive (TTI), high Estimated Input Latency (EIL), and large DOM Size. These technical test results align with user complaints regarding slow loading times, queue failures, and errors during high traffic conditions. Through the SPE approach, optimization recommendations are directed toward reducing the number of requests, simplifying the DOM structure, and minimizing heavy JavaScript execution, ensuring that website performance can be evaluated and improved in a measurable and systematic manner.

ARABIC:

يجلب تطور تقنيات الويب الحديثة مثل تطبيقات الصفحة الواحدة (SPA) تحديات كبيرة في الأداء، خاصة عندما تواجه الأنظمة زيادات هائلة في حركة المرور مثل ظاهرة "حرب التذاكر" على مواقع مجموعات الآيدولز التابعة لمجموعة 48. تهدف هذه الدراسة إلى تطبيق طريقة هندسة أداء البرمجيات (SPE) لتقييم وتحسين أداء 12 موقعًا إلكترونيًا لمجموعة 48. أُجريت القياسات باستخدام نظام محلل أداء الموقع (Website Performance Analyzer) على 11 مقياسًا للأداء (مثل FCP و TTI و TBT وحجم DOM وطلبات الشبكة) من خلال إجراء 10 اختبارات متكررة (multiple runs) على ملف تعريف سطح المكتب. تم تقييم البيانات إحصائيًا باستخدام قيمة الوسيط (Median) وحجم التأثير كليف ديلتا (Cliff's Delta Effect Size).
بالإضافة إلى ذلك، تم إجراء دراسة تحقق مع 100 مستجيب من المعجبين لمقارنة النتائج الفنية مع تصورات المستخدمين الحقيقية. أظهرت النتائج وجود اختناقات (bottlenecks) مختلفة في الأداء عبر المواقع التي تم اختبارها، حيث كانت المشكلات الأكثر شيوعًا هي العدد الكبير لطلبات الشبكة (NR)، وبطء وقت التفاعل (TTI)، وارتفاع وقت استجابة الإدخال المقدر (EIL)، وحجم DOM الكبير. تتماشى نتائج هذه الاختبارات الفنية مع شكاوى المستخدمين المتعلقة ببطء التحميل، وفشل طوابير الانتظار، والأخطاء أثناء ظروف حركة المرور العالية. من خلال نهج SPE، تم توجيه توصيات التحسين نحو تقليل عدد الطلبات، وتبسيط بنية DOM، وتقليل التنفيذ الثقيل لـ JavaScript، بحيث يمكن تقييم أداء الموقع وتحسينه بطريقة قابلة للقياس ومنهجية.