Single Page Application

Apa itu Single Page Application (SPA)?

Dewasa ini kita sering mendengar istilah Single Page Application atau SPA.

Namun, tahukah kamu apa itu Single Page Application atau SPA?

Jika kamu seorang web programmer tentu kamu sudah tidak asing dengan istilah ini.

Nah, bagi yang belum tahu, simak artikel berikut ini sampai selesai ya.

Apa itu Single Page Application (SPA)?

Single Page Application (SPA) adalah sebuah aplikasi berbasis web yang memiliki satu halaman saja.

Padahal yang kita tahu di dalam sebuah aplikasi web, kita melihat ada banyak halaman yang berbeda-beda. Contohnya di dalam sebuah aplikasi web ada halaman login, daftar, homepage, dan halaman-halaman lain.

Lalu bagaimana jika aplikasi web hanya terdiri dari satu halaman saja? Simak terus sampai akhir ya.

Cara Kerja SPA

Sebelum ke penjelasan cara kerja SPA, ada baiknya jika kita memahami cara kerja aplikasi web biasa.

Pada aplikasi web biasa, saat kita klik navigasi untuk pindah ke halaman tertentu maka web browser akan memuat ulang seluruh halaman tersebut setelah request ke server. Jadi, pada aplikasi web biasa, proses menggambar halaman dilakukan oleh server lalu dikirim ke browser komputer client.

Web Tradisional

Berbeda dengan web aplikasi yang telah menggunakan konsep SPA, ketika kita klik navigasi untuk pindah ke halaman lain, maka javascript akan melakukan fetching ke server. Kemudian javascript akan mengganti tampilan ke halaman lain tanpa memuat ulang seluruh halaman.

Pada web aplikasi dengan SPA ini, proses menggambar halaman (page rendering) tidak dilakukan oleh server, tetapi di browser komputer client. Itulah kenapa web SPA lebih cepat dalam proses navigasi dari halaman satu ke yang lain.

Web SPA

Manfaat Menerapkan SPA

Dengan menerapkan SPA pada sebuah aplikasi web akan membuat proses pindah-pindah halaman menjadi lebih cepat, karena setiap pindah halaman tidak perlu memuat ulang seluruhnya.

Dengan SPA juga memberikan user experience yang lebih baik karena user tidak perlu menunggu lama untuk berpindah halaman dari satu ke yang lain.

Manfaat lain adalah dari sisi code, programmer tidak perlu menulis ulang halaman dari awal, cukup pada bagian konten yang berubah.

Cukup sekian penjelasan Single Page Application (SPA), semoga bermanfaat. Jika kamu ingin tahu lebih banyak tentang SPA, kamu bisa membaca artikel tentang SPA dari bloomreach.