10 poin oleh xguru 2025-09-07 | Belum ada komentar. | Bagikan ke WhatsApp
  • Membaca sinyal browser (Navigator, Battery API, dll.) untuk menyimpulkan kecepatan koneksi jaringan, status baterai, performa RAM·CPU,
    lalu mengeksposnya sebagai kelas CSS dan objek JS agar seberapa banyak konteks yang perlu disampaikan dapat disesuaikan menurut situasi
  • Artinya, pada koneksi lambat atau mode hemat daya, webfont, resolusi gambar, autoplay video, animasi dan lainnya dapat dikendalikan untuk memberikan pengalaman yang lebih ringan
  • Hasil deteksi disediakan sebagai
    • kelas CSS berbentuk .has-* pada <html> : kelas seperti .has-bandwidth-high.has-cpu-medium.has-ram-medium akan ditambahkan
    • data detail disimpan di objek window.obs : "batteryCharging": true, "cpuCategory": "high"
  • Instalasi harus dilakukan dengan menyisipkan <script> inline tepat di bagian paling atas <head>
    • Tidak bisa dijalankan dalam bentuk package manager atau file JS eksternal
  • Lihat demo

Belum ada komentar.

Belum ada komentar.