skip to content

Lebih Baik SPA atau MPA?

Satu hal yang membuat galau developer frontend

Jadi, lebih baik mana? SPA atau MPA?

SPA adalah single page application. Lebih mudahnya sih seperti ini struktur HTML-nya:

html
<div class="app"></div>
<script src="bundle.js"></script>

Sedangkan, MPA atau multiple page application itu seperti ini biasanya struktur HTML-nya:

html
<h1>Ini adalah Judul</h1>
<p>Ini paragraf pertama</p>
<p>Ini paragraf kedua</p>

Jadi, pada website-website SPA, biasanya sih cuma ada satu div dan satu bundle JS. Lalu, pada website MPA, dia meminimalisir penggunaan JavaScript.

Sebenarnya sih, contoh di atas bukan perbedaan SPA atau MPA, melainkan bentuk hydration. Tapi, pada website-website SPA, dia memang bermain hydration. Jadi, satu file index.html aja sudah cukup untuk membuat satu website utuh dengan banyak route.

Maka, pada website-website SPA, keseluruhan website adalah JavaScript. Sedangkan pada MPA, keseluruhan website kalau bisa dikurangi penggunaan JavaScript-nya atau tidak ada JavaScript sama sekali.