Analisis Perbandingan Kinerja dan Penggunaan Energi pada Framework React dan Vue
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 Lightho...
Saved in:
| Main Authors: | , |
|---|---|
| Format: | Article |
| Language: | Indonesian |
| Published: |
Universitas Dian Nuswantoro
2025-02-01
|
| Series: | Techno.Com |
| Online Access: | https://publikasi.dinus.ac.id/index.php/technoc/article/view/12092 |
| Tags: |
Add Tag
No Tags, Be the first to tag this record!
|
| _version_ | 1850044343990091776 |
|---|---|
| author | Indra Wijaya Ahmad Farisi |
| author_facet | Indra Wijaya Ahmad Farisi |
| author_sort | Indra Wijaya |
| collection | DOAJ |
| description | 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. |
| format | Article |
| id | doaj-art-c24f3431dfd142249d94a7137a4f0140 |
| institution | DOAJ |
| issn | 2356-2579 |
| language | Indonesian |
| publishDate | 2025-02-01 |
| publisher | Universitas Dian Nuswantoro |
| record_format | Article |
| series | Techno.Com |
| spelling | doaj-art-c24f3431dfd142249d94a7137a4f01402025-08-20T02:54:59ZindUniversitas Dian NuswantoroTechno.Com2356-25792025-02-0124110411610.62411/tc.v24i1.1209217599Analisis Perbandingan Kinerja dan Penggunaan Energi pada Framework React dan VueIndra Wijaya0Ahmad Farisi1Program Studi Sistem Informasi, Universitas Multi Data PalembangProgram Studi Sistem Informasi, Universitas Multi Data PalembangPengembangan 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.https://publikasi.dinus.ac.id/index.php/technoc/article/view/12092 |
| spellingShingle | Indra Wijaya Ahmad Farisi Analisis Perbandingan Kinerja dan Penggunaan Energi pada Framework React dan Vue Techno.Com |
| title | Analisis Perbandingan Kinerja dan Penggunaan Energi pada Framework React dan Vue |
| title_full | Analisis Perbandingan Kinerja dan Penggunaan Energi pada Framework React dan Vue |
| title_fullStr | Analisis Perbandingan Kinerja dan Penggunaan Energi pada Framework React dan Vue |
| title_full_unstemmed | Analisis Perbandingan Kinerja dan Penggunaan Energi pada Framework React dan Vue |
| title_short | Analisis Perbandingan Kinerja dan Penggunaan Energi pada Framework React dan Vue |
| title_sort | analisis perbandingan kinerja dan penggunaan energi pada framework react dan vue |
| url | https://publikasi.dinus.ac.id/index.php/technoc/article/view/12092 |
| work_keys_str_mv | AT indrawijaya analisisperbandingankinerjadanpenggunaanenergipadaframeworkreactdanvue AT ahmadfarisi analisisperbandingankinerjadanpenggunaanenergipadaframeworkreactdanvue |