Apa Itu Tree Shaking?

Tree Shaking adalah konsep pengembangan web yang berkaitan dengan struktur, perilaku, komunikasi, atau performa aplikasi web dan perlu dipahami dalam konteks browser, server, kode, serta pengalaman pengguna. Dalam praktiknya, istilah ini muncul ketika developer, designer, dan pengelola website perlu mengelola arsitektur web, frontend, backend, browser, API, dan performa dengan keputusan yang dapat dijelaskan, bukan sekadar mengikuti tool atau tren.

Penerapannya perlu diuji terhadap requirement, kode dan aset. Hasilnya kemudian dapat dinilai melalui Core Web Vitals, response time dan error rate. Jika definisi, data, dan ruang lingkup tidak konsisten, tim mudah mengambil kesimpulan yang terlihat benar tetapi tidak relevan dengan tujuan.

1. Untuk Tree Shaking, tentukan konteks penggunaan Tree Shaking dan keputusan apa yang perlu dibantu oleh istilah ini.
2. Identifikasi komponen yang terlibat, misalnya requirement, kode, dan source code.
3. Terapkan pada ruang lingkup yang jelas dan dokumentasikan asumsi agar tim memakai definisi yang sama.
4. Evaluasi dampaknya menggunakan indikator seperti Core Web Vitals dan response time.

• Membantu memisahkan masalah data, proses, teknologi, dan keputusan sehingga perbaikannya lebih tepat sasaran.
• Memudahkan evaluasi karena perubahan dapat dibandingkan terhadap baseline dan indikator yang disepakati.
• Membuat hasil Tree Shaking dapat ditinjau bersama indikator seperti Core Web Vitals, response time, dan error rate.
• Membuat eksperimen dan perbaikan berikutnya lebih cepat karena pembelajaran sebelumnya terdokumentasi.

Tim biasanya membutuhkan Tree Shaking ketika website terasa lambat setelah penambahan script dan komponen baru. Gunakan test case untuk menyamakan konteks, data, dan keputusan yang akan diambil. Hasilnya dapat ditinjau melalui Core Web Vitals dan response time.

Misalnya, aplikasi web berkembang cepat dan struktur kode mulai sulit dipelihara. Tim terlebih dahulu menetapkan baseline dan kriteria sukses, kemudian menggunakan Tree Shaking untuk satu bagian proses. Setelah data cukup, mereka meninjau conversion rate serta availability dan memasukkan keputusan lanjutan ke test case.

• Menerapkan Tree Shaking tanpa menjelaskan tujuan, baseline, dan keputusan apa yang akan dipengaruhi.
• Mengubah terlalu banyak faktor sekaligus sehingga penyebab peningkatan atau penurunan hasil tidak diketahui.
• Tidak menentukan pemilik tindakan sehingga temuan berhenti sebagai laporan tanpa perbaikan.
• Memulai dari tool atau fitur sebelum menjelaskan masalah dan hasil yang ingin dicapai.