Migrasi dari Nuxtjs ke Sapper Svelte

Last updated on August 11, 2020

Tim KeripikHosting melakukan eksperiment untuk mengubah halaman landing Web KeripikHosting yang tadinya menggunakan NuxtJs menjadi menggunakan Sapper.

Sapper adalah aplikasi framework yang memudahkan dalam proses web development, berjalan diatas framework JavaScript bernama SvelteJs.

Keuntungan yang didapatkan setelah kami melakukan migrasi ke Sapper adalah sebagai berikut.

Kemudahan Dalam Proses Development

SvelteJs adalah framework paling simple yang pernah kami pelajari.

<script>
  let name = 'world';
</script>

<style>
  h1 {
    color: blue;
  }
</style>

<h1>Hello {name}!</h1>

Baris-baris kode diatas menunjukkan bagaimana SvelteJs adalah framework paling simple diantara framework lainnya. Dalam baris singkat tersebut Svelte sudah include script, styling css, dan juga html markup.

PageSpeed Meningkat (99/99)

Dan juga disamping itu kami mendapatkan bonus peningkatan PageSpeed yang diluar dugaan, mendekati perfect (99/99) dari yang sebelumnya hanya mendapat skor 72/92 saat masih menggunakan NuxtJs.

Hasil PageSpeed mobile.

Hasil PageSpeed dekstop.

Jika ingin mengecek langsung hasil skor PageSpeed Insight bisa langsung ke link berikut