Analisis Perbandingan Kinerja dan Penggunaan Energi pada Framework React dan Vue

Authors

  • Indra Wijaya Program Studi Sistem Informasi, Universitas Multi Data Palembang
  • Ahmad Farisi Program Studi Sistem Informasi, Universitas Multi Data Palembang

DOI:

https://doi.org/10.62411/tc.v24i1.12092

Abstract

Pengembangan website yang optimal membutuhkan pemilihan framework yang tepat untuk meningkatkan kinerja dan efisiensi. Penelitian ini bertujuan untuk membandingkan kinerja dan konsumsi energi framework React dan Vue, menggunakan metrik seperti FCP, LCP, SI, TBT, CLS dengan menggunakan Google Lighthouse. Kinerja rendering time, dan penggunaan memori menggunakan Google DevTools. Konsumsi energi diukur dengan menggunakan tools Globemallow. Penelitian ini menggunakan metode pendekatan kuantitatif dengan metode true-experimental research. Metode ini dipilih karena memungkinkan pengukuran sistematis dan objektif melalui variabel-variabel dalam kondisi terkontrol, sesuai tujuan penelitian. Eksperimen dimulai dari mengembangkan halaman website kemudian menyiapkan perangkat keras setelah itu melaksanakan skenario pengujian kemudian menganalisis dan menginterpretasikan data yang didapatkan. Hasil penelitian menunjukkan bahwa Vue memiliki kinerja lebih unggul berdasarkan pengujian kinerja rendering time dan kinerja FCP, LCP, TBT, CLS, dan SI, sementara React lebih efisien dalam penggunaan memori, dan konsumsi energi. Temuan ini memberikan rekomendasi framework yang optimal berdasarkan kebutuhan kinerja dan keberlanjutan untuk pengembangan aplikasi web.   Kata kunci: React, Vue, Kinerja Website, Penggunaan Energi, Google Lighthouse.

Downloads

Published

2025-02-26

Issue

Vol. 24 No. 1 (2025): Februari 2025

Section

Articles

License

Copyright (c) 2025 Indra Wijaya, Ahmad Farisi

Creative Commons License

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.

 

License Terms

All articles published in Techno.COM Journal are licensed under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0). This means:

1. Attribution

Readers and users are free to:

  • Share – Copy and redistribute the material in any medium or format.

  • Adapt – Remix, transform, and build upon the material.

As long as proper credit is given to the original work by citing the author(s) and the journal.

2. Non-Commercial Use

  • The material cannot be used for commercial purposes.

  • Commercial use includes selling the content, using it in commercial advertising, or integrating it into products/services for profit.

3. Rights of Authors

  • Authors retain copyright and grant Techno.COM Journal the right to publish the article.

  • Authors can distribute their work (e.g., in institutional repositories or personal websites) with proper acknowledgment of the journal.

4. No Additional Restrictions

  • The journal cannot apply legal terms or technological measures that restrict others from using the material in ways allowed by the license.

5. Disclaimer

  • The journal is not responsible for how the published content is used by third parties.

  • The opinions expressed in the articles are solely those of the authors.

For more details, visit the Creative Commons License Page:
? https://creativecommons.org/licenses/by-nc/4.0/

 

Most read articles by the same author(s)

Obs.: This plugin requires at least one statistics/report plugin to be enabled. If your statistics plugins provide more than one metric then please also select a main metric on the admin's site settings page and/or on the journal manager's settings pages.