Article Per Year (5 Year)
p-Index From 2021 - 2026
0.23
P-Index
This Author published in this journals
All Journal Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Fahreza Attamimi, Nauval
Unknown Affiliation
Computer Science & IT Control & Systems Engineering Education Electrical & Electronics Engineering Engineering

Published : 1 Documents Claim Missing Document
Claim Missing Document
Check
Articles

Found 1 Documents
Search

 1 
Analisis Perbandingan Performa Rendering Next.js dan SvelteKit pada Aplikasi E-commerce Berdasarkan Metrik Web Vitals Fahreza Attamimi, Nauval; Putra Kharisma, Agi; Marji
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer Vol 9 No 10 (2025): Oktober 2025
Publisher : Fakultas Ilmu Komputer (FILKOM), Universitas Brawijaya

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstract

Pemilihan framework yang tepat menjadi faktor krusial dalam pengembangan aplikasi web modern, khususnya untuk memastikan performa rendering yang optimal. Dua framework yang saat ini banyak digunakan adalah Next.js dan SvelteKit, yang masing-masing menawarkan pendekatan berbeda dalam proses rendering. Next.js mengandalkan virtual DOM, sementara SvelteKit menggunakan teknik compiler-based rendering yang diklaim lebih efisien. Penelitian ini membandingkan performa kedua framework tersebut pada aplikasi e-commerce dengan mengacu pada metrik Core Web Vitals, yaitu Total Blocking Time (TBT), Cumulative Layout Shift (CLS), dan Speed Index (SI). Tiga metode rendering yang diuji adalah Server Side Rendering (SSR), Client Side Rendering (CSR), dan Static Site Generation (SSG). Pengujian dilakukan dengan membangun dua aplikasi e-commerce identik menggunakan Next.js dan SvelteKit, lalu mengukur performa masing-masing menggunakan alat uji standar. Analisis statistik dilakukan untuk melihat perbedaan signifikan antar hasil. Hasil penelitian menunjukkan bahwa Next.js unggul pada metrik TBT di semua metode rendering, sedangkan SvelteKit lebih baik dalam stabilitas tampilan (CLS) khususnya pada SSR dan SSG. Untuk kecepatan muat halaman (SI), Next.js lebih unggul pada metode CSR. Temuan ini menegaskan pentingnya pemilihan framework dan metode rendering yang sesuai dengan kebutuhan aplikasi.
Co-Authors Marji Putra Kharisma, Agi