PERBANDINGAN PERFORMA LARAVEL BLADE DAN REACT.JS PADA APLIKASI ITSO DISKOMINFO JABAR

Aiman Abdurrahman, - (2025) PERBANDINGAN PERFORMA LARAVEL BLADE DAN REACT.JS PADA APLIKASI ITSO DISKOMINFO JABAR. S1 thesis, Universitas Pendidikan Indonesia.

Abstract

Aplikasi manajemen peminjaman aset di lingkungan instansi pemerintah sering mengalami waktu muat yang lambat dan penurunan responsivitas pada jam sibuk, yang berdampak pada efektivitas kerja pengguna. Penelitian ini bertujuan menganalisis kinerja arsitektur Server-Side Rendering (SSR) menggunakan Laravel Blade dan Client-Side Rendering (CSR) menggunakan React.js untuk mengatasi masalah tersebut. Metode penelitian menggunakan pendekatan Design Research Methodology (DRM) yang meliputi tahap perencanaan, pengembangan, evaluasi iteratif, dan validasi hasil. Data kinerja diperoleh melalui pengujian Core Web Vitals menggunakan Lighthouse serta uji beban sistem. Hasil pengujian menunjukkan bahwa Laravel memiliki waktu muat awal lebih cepat (FCP: 0,8 detik; LCP: 1,4 detik) dibandingkan CSR (FCP: 2,3 detik; LCP: 6,3 detik), sedangkan React.js unggul dalam responsivitas interaksi. Penelitian ini menegaskan adanya trade-off antara kecepatan muat awal dan interaktivitas sistem. Temuan ini memberikan acuan bagi pengembang dan instansi terkait dalam menentukan arsitektur aplikasi sesuai kebutuhan operasional dan beban sistem. --------- The asset management application within the government environment often experiences slow loading times and reduced responsiveness during peak hours, affecting user efficiency and task completion. This study aims to analyze the performance of Server-Side Rendering (SSR) using Laravel Blade and Client-Side Rendering (CSR) using React.js to address these issues. The research employs the Design Research Methodology (DRM) framework, consisting of planning, development, iterative evaluation, and validation stages. Performance data were collected using Core Web Vitals testing with Lighthouse and system load testing. The results indicate that SSR provides faster initial load times (FCP: 0.8 seconds; LCP: 1.4 seconds) compared to CSR (FCP: 2.3 seconds; LCP: 6.3 seconds), while CSR demonstrates superior interactivity and responsiveness. This study highlights the trade-off between faster initial rendering and better interactive performance. These findings are expected to serve as a practical reference for developers and government agencies in selecting an appropriate architecture based on application requirements and operational loads.

	Text S_RPL_2009038_Title.pdf Download (3MB)
	Text S_RPL_2009038_Chapter1.pdf Download (1MB)
	Text S_RPL_2009038_Chapter2.pdf Restricted to Staf Perpustakaan Download (2MB) | Request a copy
	Text S_RPL_2009038_Chapter3.pdf Download (2MB)
	Text S_RPL_2009038_Chapter4.pdf Restricted to Staf Perpustakaan Download (3MB) | Request a copy
	Text S_RPL_2009038_Chapter5.pdf Download (309kB)
	Text S_RPL_2009038_Appendix.pdf Restricted to Staf Perpustakaan Download (1MB) | Request a copy

Item Type:	Thesis (S1)
Additional Information:	scholar.google.com/citations?view_op=new_profile&hl=en&authuser=1 Sinta ID : Indira Syawanodya 6681751 Yulia Retnowati 6852573
Uncontrolled Keywords:	Laravel, React.js, Blade Templating Engine, optimasi performa, Lighthouse, DRM, Laravel, React.js, Blade, performance optimization, Lighthouse, DRM
Subjects:	Q Science > QA Mathematics > QA75 Electronic computers. Computer science Q Science > QA Mathematics > QA76 Computer software
Divisions:	UPI Kampus cibiru > S1 Rekayasa Perangkaat Lunak
Depositing User:	Aiman Abdurrahman
Date Deposited:	18 Sep 2025 04:25
Last Modified:	18 Sep 2025 04:25
URI:	http://repository.upi.edu/id/eprint/137539

Actions (login required)

View Item