Analisa Performa Aplikasi Web Berbasis Manipulasi DOM dan Virtual DOM

Authors

  • Yanuangga Galahartlambang Institut Teknologi dan Bisnis Ahmad Dahlan Lamongan Indonesia
  • Titik Khotiah Institut Teknologi dan Bisnis Ahmad Dahlan Lamongan Indonesia
  • Jumain Jumain Institut Teknologi dan Bisnis Ahmad Dahlan Lamongan Indonesia

DOI:

https://doi.org/10.29407/inotek.v5i1.900

Abstract

Aplikasi web yang modern menghabiskan banyak data. Model Objek Dokumen yang disebut DOM, adalah bagian penting dari membuat situs web interaktif. Ini merupakan antarmuka yang memungkinkan bahasa pemrograman untuk memanipulasi konten, struktur, dan gaya situs web. Dengan kata lain DOM merupakan standar cara mendapatkan, mengubah, menambah, atau menghapus elemen HTML halaman web. Merender elemen DOM dalam jumlah besar juga dapat mengakibatkan waktu muat yang lambat, kelambatan halaman, dan masalah kinerja lainnya. Virtual DOM adalah abstraksi dari HTML DOM. Lebih ringan dan terlepas dari detail implementasi khusus browser. Karena DOM itu sendiri sudah merupakan abstraksi, virtual DOM sebenarnya adalah abstraksi dari sebuah abstraksi. Virtual DOM adalah memori dan dapat dimanipulasi berkali-kali sebelum membuat perubahan pada DOM itu sendiri, inilah alasan mengapa bekerja dengan virtual DOM lebih efisien. Untuk melakukan analisis kinerja, sebuah eksperimen dilakukan di mana aplikasi web uji dibuat menggunakan kerangka kerja yang dipilih, membandingkan metrik terkait kinerja menggunakan google chrome dan firefox.

Keywords:

Javascript, DOM, Virtual DOM, Performa DOM

##plugins.themes.default.displayStats.downloads##

##plugins.themes.default.displayStats.noStats##

References

Kevin J. Theisen, Programming languages in chemistry: a review of HTML5/JavaScript, Journal of Cheminformatics, pp. 1-19. DOI: https://doi.org/10.1186/s13321-019-0331-1

Welcome to Ecma International. https ://www.ecma-international.org. Accessed 27/02/2021.

ECMAScript 2018 Language Specification. https://262.ecma-international.org/9.0/. Diakses 27/02/2021

HTML Canvas 2D Context. https://www.w3.org/TR/2dcontext/. Diakses 27/02/2021

WebGL Specifications. https://www.khronos.org/registry/webgl/specs/latest/. Diakses 27/02/2021

Node.js. https://nodejs.org/. Accessed 27/02/2021

ActionScript Technology Center. https://www.adobe.com/devnet/actionscript.html. Diakses 27/02/2021

Rhino M | MDN. https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Rhino. Diakses 27/02/2021

Oracle Nashorn: a next-generation javascript engine for the JVM. https://www.oracle.com/technetwork/articles/java/jf14-nashorn-2126515.html. Diakses 27/02/2021

MDN Web Docs. (2021). Introduction to the DOM. https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction. Diakses 24/02/2021

Facebook. Why React?. facebook.github.io/react/docs/why-react.html. Diakses 24/0/2021

Ved Antani, et Al. Object-Oriented JavaScript 3rd edition. Packt Publisher. 2017

Dr. V. Sakhivel, et al. ,Comparative Analysis of Reactjs and Vuejs. in: International Journal of Future Generation Communication and Networking. 2020. pp. 3871-3880.

Sanchit Aggarwal, Modern Web-Development using ReactJS, in: International Journal of Recent Research Aspect, 2018, pp. 133-137

Mattias Levlin, 2020, DOM benchmark comparison of the front-end JavaScript frameworks React, Angular, Vue, and Svelte, Master Thesis in Computer Science. Abo Akademi University.

Downloads

Published

2021-08-06

Issue

Vol. 5 No. 1 (2021): Prosiding Seminar Nasional Inovasi Teknologi Tahun 2021

Section

Articles

License

Copyright (c) 2021 Yanuangga Galahartlambang, Titik Khotiah, Jumain Jumain

Creative Commons License

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

Authors who publish with this journal agree to the following terms:

  1. Copyright on any article is retained by the author(s).
  2. The author grants the journal, right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgment of the work’s authorship and initial publication in this journal.
  3. Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal’s published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
  4. Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work.
  5. The article and any associated published material is distributed under the Creative Commons Attribution-ShareAlike 4.0 International License

How to Cite

Analisa Performa Aplikasi Web Berbasis Manipulasi DOM dan Virtual DOM. (2021). Prosiding SEMNAS INOTEK (Seminar Nasional Inovasi Teknologi), 5(1), 036-040. https://doi.org/10.29407/inotek.v5i1.900