Thread by @lynxluna

Mengapa browser moderen adalah aplikasi di komputer kalian yang makan resource banyak dan suka bikin nge-lag komputer bagus nan mahal kalian?

Dan kenapa browser modern menerapkan teknologi kontainer jauh sebelum docker.

Sebuah utas panjang 🧵

#TentangPerforma #web #browser

Peramban atau browser adalah salah satu jenis perangkat lunak yang sangat kompleks. Sebenarnya tidak ada yang menyangka bahwa teknologi web seperti HTML, CSS, dan Javascript akan berkembang sangat pesat seperti sekarang.

Penemunya, Tim Berners-Lee bervisi untuk membuat dokumen saling bertautan satu sama lain. Dari situ, teknologi web di tahun 2023 sudah tumbuh lebih dari visi penciptanya.

Demikian juga, Brendan Eich, penemu Javascript, awalnya hanya ingin membuat sebuah bahasa 'sederhana' yang bisa digunakan oleh orang yang ingin membuat website lebih dinamis.

di tahun 2023, Javascript bukanlah bahasa yang 'sederhana' dan perlu skill khusus untuk menguasainya

Karena internet makin populer, dan ternyata HTTP dan HTML menjadi protokol yang dominan, browser pun bersaing untuk menawarkan berbagai macam fitur dan API supaya pengembang bisa bikin ekstensi/plugin.

Karena 'ego sektoral' pembuat browser, cara pembuatan ekstensi pun lain-lain.

Microsoft $MSFT yang dominan di akhir 90-an dan awal 2000-an, menanamkan teknologi Component Object Model (COM) sementara saingannya, Netscape, membuat NPAPI.

Salah satu ekstensi yg ditulis dengan COM dan NPAPI yang populer di masanya adalah Macromedia/Adobe Flash.

Ekstensi/plugin semacam flash ini dibuat untuk mengakses kemampuan komputer yang tidak memungkinkan untuk ditampilkan di peramban.

Di awal tahun 2000an itu peramban TIDAK BISA memainkan video. Supaya bisa, ya harus pake plugin.

Ada masanya ketika seseorang itu punya pengaya Flash buat nonton Youtube. Quicktime buat nonton video-video apple. Real Player buat nonton video .rm dan .3gp 👀

Masih ingat dengan ikon-ikon ini?

Saya akan menerangkan kenapa browser lambat sebentar lagi. Tapi sebelumnya, kita akan bahas tentang masalah dari ekstensi browser.

Pertama, ekstensi tersebut mengganggu keandalan (reliability) dari browser karena mereka jalan di PROSES YG SAMA dengan browser.

Artinya, kalau misalnya plugin tersebut hang/crash, maka KESELURUHAN browser akan ikut crash. Yang disalahin siapa? Tentunya si pembuat browser.

Kedua, soal keamaanan. Plugin itu jalan dengan konteks keamanan (security context) dari proses browsernya dan punya AKSES PENUH ke komputer pengguna. Plugin sering dijadikan celah masuk dari peretas untuk masuk ke komputer pengguna. Dan flash adalah celah masuk yang populer :D

Karena masalah inilah, maka diciptakan arsitektur browser multiproses.

Dalam sistem operasi, tiap proses itu terisolasi, sehingga kalau ada proses yang crash, yang lain ga crash. Antar proses memorinya juga terisolasi karena masing2 proses mempunyai konteks keamanan sendiri.

Chrome adalah browser yang pertama kali menerapkan model ini.

Ada dua jenis proses, yaitu browser proses, yang menangani antarmuka utama dan proses renderer yang menangani konten website. Komunikasi antarproses ini dengan menggunakan IPC (interprocess communication).

Masing-masing proses tersebut di-sandbox. Yang artinya dibatasi aksesnya ke pengguna dengan memanfaatkan pembatasan akses dan model keamanan sistem operasi.

Dokumen desainnya ada di sini untuk sistem operasi Windows.
chromium.googlesource.com/chromium/src/+…

Sandbox di browser ini ga beda jauh dengan 'sandbox' yang dipakai ama teknologi "Cloud Native" zaman now. Masing-masing proses terisolasi, dan untuk komunikasinya, pakai IPC.

Sebentar... kok mirip ya ama #Microservices 😜

Ya emang mirip. Emangnya, server aja yang bisa begitu?

Sekarang mari kita lihat dengan $MSFT Edge.

blogs.windows.com/msedgedev/2020…

Ternyata masing-masing bagian browser yang anda punyai terdiri dari beberapa proses! Masing-masing tab punya renderer proses sendiri.

Menjalankan banyak proses sekaligus punya overhead/beban tambahan sendiri dibandingkan dengan menggabungkannya jadi satu proses.

Tapi apa yang kita dapatkan? Yang kita dapatkan adalah browser yang lebih handal (reliable) dan lebih aman (secure).

Jadi terjawab kan kenapa kalo kalian buka tab baru atau instalasi ekstensi baru, jadinya komputernya terasa lebih lemot? Ya, karena, buka tab baru sama aja dengan buka program baru.

Kalo punya 100 tabs, ya berarti sama aja jalanin 100 program berbarengan.

Tradeoff performa untuk meningkatkan keandalan dan keamanan perangkat lunak seperti ini lebih saya terima daripada hanya supaya 'clean code' *eh

Kalau suka dengan konten yg 'dalem' seperti ini, bisa tonton dan subscribe kanal youtube saya.

youtube.com/kodingajadulu