2026-10-14
Kami menghapus library chart demi donut 130 piksel
Satu dependency hampir separuh bundle dashboard, dan hanya membeli dua bentuk.
Di ponsel dengan jaringan dibatasi, dashboard butuh 4,1 detik untuk menggambar chart-nya. Waterfall-nya tidak ambigu: 388 kB JavaScript, dan sekitar 130 kB di antaranya adalah library chart yang dipakai untuk satu donut dan satu bar chart. Recharts juga merepotkan soal target sentuh — empat belas kolom di dalam kartu 300 piksel berarti sekitar 21 piksel per tap, yang bukan ukuran kontrol untuk jempol.
Kedua chart kini digambar tangan sebagai SVG. Karena library-nya kami ganti sendiri, interaksinya juga bisa diubah: menyeret melewati chart menggeser seleksi tanpa perlu tap presisi, dan skala sumbunya mengikuti data alih-alih selalu mentok di sepuluh. Chunk terbesar di /dashboard turun dari 314 kB ke 170 kB. Pelajaran yang kami pegang: ukur bundle-nya sebelum membelanya.