Data Lighthouse audit, load testing JMeter, dan analisis disonansi antara UX satisfaction dan synthetic benchmark.

📊 System Performance Data

Web Performance (Independent Audit)

Audit tanggal 25 Feb 2026 — sevima.com (desktop)

Metric	Value	Score	Status
FCP (First Contentful Paint)	3.0s	6/100	🔴
LCP (Largest Contentful Paint)	5.0s	8/100	🔴
TBT (Total Blocking Time)	1,030ms	5/100	🔴
CLS (Cumulative Layout Shift)	0.482	17/100	🔴
Speed Index	18.8s	0/100	🔴
Time to Interactive	18.6s	0/100	🔴
Performance	—	8/100	🔴
Accessibility	—	73/100	🟡
Best Practices	—	56/100	🔴
SEO	—	92/100	🟢

Dari riset eksternal menggunakan PageSpeed Insights & GTmetrix:

Metric	Value	Notes
Average Performance Score	81.87/100	Termasuk "baik" tapi ada ruang improvement
Information Quality Score	92.8%	Konten informatif, arsitektur informasi baik
Usability Index	94.1%	Persepsi user sangat positif
Service Quality Index	93.9%	User puas dengan fungsionalitas

Masalah yang teridentifikasi:

Image optimization kurang (kompresi tidak optimal)
DOM element sizes terlalu besar
JavaScript execution time menghambat render
Accessibility gagal memenuhi minimum requirements (kontras visual)

Load Testing (Apache JMeter)

Fase	Virtual Users	Total Requests	Error Rate	Status
Ringan	5 VU	105	0.00%	✅ Perfect
Menengah	15 VU	315	0.32%	✅ Marginal
Overload	45 VU	945	1.90%	✅ Under 2% threshold

Analisis Disonansi

Performance Insight — Amunisi Loom Audit

Ada disonansi yang sangat menarik: backend mereka solid (error rate < 2% under stress), tapi frontend marketing site sangat lambat (Performance 8/100). Ini menunjukkan engineering resource difokuskan ke produk, bukan website. Untuk Loom Audit, fokus ke product performance (yang 81.87) bukan marketing site (yang 8).

User satisfaction (94.1%) > synthetic benchmark (81.87) → fungsionalitas sudah menang, tapi ada ruang untuk optimization yang bisa jadi scope kontrak kita.

Ganti ke SVG sprite
Atau subset font (glyph hanya yang dipakai)
Tambahkan:

@font-face {
  font-display: swap;
}

🎯 Estimasi: -400–600ms LCP

2️⃣ Tambahkan `fetchpriority="high"` pada Hero LCP

<img src="/image-hero.webp" fetchpriority="high" width="..." height="..." />

🎯 Estimasi: -100–200ms LCP

3️⃣ Inline Critical CSS (Above the Fold)

Fact: Banyak CSS blocking Action:

Extract hero + navbar CSS
Inline di <head>
Load sisanya async

Contoh:

<link
  rel="preload"
  href="/main.css"
  as="style"
  onload="this.rel='stylesheet'"
/>

🎯 Estimasi: -300–500ms FCP

4️⃣ Defer Semua Third Party JS

Pindahkan ke bawah + defer

Facebook
Mixpanel
Clarity
Analytics

<script defer src="..."></script>

🎯 Estimasi: -200–300ms TBT

5️⃣ Set Cache-Control (Repeat Visit Boost)

Cache-Control: public, max-age=31536000, immutable

Untuk:

fonts
images
js/css hashed

🎯 Field data akan membaik dalam 28 hari

🧠 Medium Effort (1 minggu)

6️⃣ Kurangi Font Weight

Sekarang:

Regular
Medium
SemiBold
Bold

👉 Turunkan jadi 2 weight saja.

🎯 -150–300ms

7️⃣ Delay Animation (GSAP / Glide)

Load setelah:

requestIdleCallback();

Jangan animasi di above-the-fold saat first paint.

🔥 Hardcore Mode (Kalau mau Score 90+)

Hapus FontAwesome (pakai SVG)
Hapus jQuery (kalau hanya untuk select2)
Server push / preload hero image
Convert semua hero background ke WebP AVIF
Remove blocking CSS chain

🎯 Prioritas Urutannya

❗ Icon font 379KB
❗ Critical CSS inline
❗ fetchpriority hero
❗ Defer tracking
Cache TTL

🧩 Diagnosis Jujur

Server sehat (TTFB bagus). Masalah murni front-end layering + marketing scripts.

Ini bukan problem infra. Ini problem asset governance & critical path discipline.

Kalau Anda mau, saya bisa buatkan versi:

“Minimal change” plan (WordPress friendly)
atau “Re-architect front layer” plan (clean static + headless WP)

System Performance