Perbandingan Arsitektur Runtime WebAssembly dan Native Code pada Pengembangan Website

Abstract

Abstrak— Perkembangan web modern menuntut performa yang tinggi, terutama untuk aplikasi editor yang membutuhkan pengolahan gambar yang cepat. Untuk mencapai efisiensi ini terdapat beberapa teknologi arsitektur yang dapat digunakan diantaranya WebAssembly (wasm) dengan basis client side dan native code (framework Actix web) dengan basis server side. Penelitian ini bertujuan untuk menganalisis dan membandingkan kinerja dari wasm dan native, dengan fokus pengujian pada waktu pemrosesan, pengaruh internet, ukuran file dan penggunaan CPU. Hasil pengujian menunjukkan implementasi wasm unggul dalam waktu pemrosesan karena tidak melakukan request dan menunggu response dari server seperti implementasi native. Kinerja wasm juga lebih stabil pada perubahan kecepatan internet dengan perbedaan waktu hanya 0.02 s pada tiap perubahan kecepatan internet, sedangkan pada implementasi native mengalami penurunan yang seharusnya bisa kurang dari 2s pada kecepatan internet 10 Mbps menjadi lebih dari 1 menit pada kecepatan internet 0.7 Mbps. Pada pengujian penggunaan CPU client implementasi native memiliki keunggulan karena proses dilakukan pada server sedangkan pada wasm memerlukan setidaknya 1 core CPU dan menyebabkan blocking UI threads. Pengujian menggunakan ukuran FHD dan 4K menunjukkan bahwa implementasi Native cukup efektif pada pengujian non-sequence namun pada pengujian sequence implementasi WASM lebih baik. Kesimpulan dari penelitian ini memberikan acuan bagi pengembang dalam menentukan arsitektur perangkat lunak, wasm direkomendasikan untuk beban kerja yang membutuhkan kecepatan dan stabilitas performa terlepas dari kondisi jaringan, sementara native lebih cocok untuk prioritas pada load halaman cepat dengan pemrosesan pada server.

Kata Kunci— Moder web, WebAssembly, Actix web, Native, Performa, Arsitektur.