[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"ssr-repo-dspace000004557":3,"ssr-repo-divisions":63,"menu-footer-id":249,"menu-main-id":310},{"id":4,"title":5,"authors":6,"files":8,"advisors":35,"authors_detail":36,"advisors_detail":40,"publisher":41,"publish_place":42,"language":43,"type":44,"type_slug":45,"year":46,"department":47,"study_program":48,"keywords":49,"keywords_detail":53,"abstract":60,"abstract_html":61,"url":62},"repo-dspace000004557","Optimasi Performa React JS Web Application menggunakan Teknik Code Splitting (Studi Kasus: JTI Connect)",[7],"Fauzan Pradana",[9,13,16,19,23,26,29,32],{"chapter":10,"requires_login":11,"label":12,"available":11},"abstrak",false,"Abstrak",{"chapter":14,"requires_login":11,"label":15,"available":11},"bab1","Bab I",{"chapter":17,"requires_login":11,"label":18,"available":11},"bab2","Bab II",{"chapter":20,"requires_login":21,"label":22,"available":11},"bab3",true,"Bab III",{"chapter":24,"requires_login":21,"label":25,"available":11},"bab4","Bab IV",{"chapter":27,"requires_login":21,"label":28,"available":11},"bab5","Bab V",{"chapter":30,"requires_login":21,"label":31,"available":11},"full","Dokumen Lengkap",{"chapter":33,"requires_login":11,"label":34,"available":21},"open","Akses Terbuka",[],[37],{"name":7,"nim":38,"slug":39},"2041720224","fauzan-pradana",[],"Politeknik Negeri Malang","Malang","Indonesia","Skripsi (D4)","skripsi-d4",2024,"D-IV TEKNIK INFORMATIKA",null,[50,51,52],"Performa","React JS","Code Splitting",[54,56,58],{"name":50,"slug":55},"performa",{"name":51,"slug":57},"react-js",{"name":52,"slug":59},"code-splitting","Optimasi kinerja dalam pemrograman web telah mendapat perhatian yang signifikan karena pengguna menuntut waktu muat yang lebih cepat. JTI Connect merupakan sebuah platform dengan target pengguna sebesar 1759 pengguna dengan performa yang masih perlu untuk ditingkatkan. Salah satu cara meningkatkan performa suatu web adalah menggunakan teknik code splitting yang dapat diimplementasikan pada client-side. Oleh karena itu, code splitting diimplementasikan pada JTI Connect untuk mengoptimasi performa pada sisi client. Penelitian ini bertujuan untuk mengetahui cara serta pengaruh optimasi performa React JS pada JTI Connect menggunakan code splitting. Code splitting akan diimplementasikan ke dalam tiga pendekatan, yaitu route-based code splitting, component-based code splitting, serta combined code splitting. Pengujian dilakukan menggunakan Google Lighthouse Dev Tools yang mengukur performa dari setiap pendekatan yang digunakan kemudian membandingkannya dengan performa awal sebelum diimplementasikan code splitting. Beberapa parameter yang digunakan, yaitu FCP, LCP, TBT, CLS, speed index, serta hasil kalkulasi skor Lighthouse yang didapatkan. Hasilnya, pada mode desktop route-based code splitting mendapatkan skor tertinggi dengan peningkatan skor Lighthouse sebesar 17,68%, kemudian combined code splitting dengan peningkatan sebesar 17,30%, serta component-based code splitting yang tidak mengalami peningkatan performa. Sedangkan pada mode mobile, route-based code splitting dan combined code splitting menghasilkan peningkatan yang sama, yaitu sebesar 0,18%, serta component-based code splitting justru mengalami penurunan performa sebesar 0,5%. Berdasarkan hasil yang didapatkan, code splitting pada pendekatan routebased code splitting dan combined code splitting dapat mengoptimasi performa React JS pada JTI Connect web application.","\u003Cp>Optimasi kinerja dalam pemrograman web telah mendapat perhatian yang signifikan karena pengguna menuntut waktu muat yang lebih cepat. JTI Connect merupakan sebuah platform dengan target pengguna sebesar 1759 pengguna dengan performa yang masih perlu untuk ditingkatkan. Salah satu cara meningkatkan performa suatu web adalah menggunakan teknik code splitting yang dapat diimplementasikan pada client-side. Oleh karena itu, code splitting diimplementasikan pada JTI Connect untuk mengoptimasi performa pada sisi client. Penelitian ini bertujuan untuk mengetahui cara serta pengaruh optimasi performa React JS pada JTI Connect menggunakan code splitting. Code splitting akan diimplementasikan ke dalam tiga pendekatan, yaitu route-based code splitting, component-based code splitting, serta combined code splitting. Pengujian dilakukan menggunakan Google Lighthouse Dev Tools yang mengukur performa dari setiap pendekatan yang digunakan kemudian membandingkannya dengan performa awal sebelum diimplementasikan code splitting. Beberapa parameter yang digunakan, yaitu FCP, LCP, TBT, CLS, speed index, serta hasil kalkulasi skor Lighthouse yang didapatkan. Hasilnya, pada mode desktop route-based code splitting mendapatkan skor tertinggi dengan peningkatan skor Lighthouse sebesar 17,68%, kemudian combined code splitting dengan peningkatan sebesar 17,30%, serta component-based code splitting yang tidak mengalami peningkatan performa. Sedangkan pada mode mobile, route-based code splitting dan combined code splitting menghasilkan peningkatan yang sama, yaitu sebesar 0,18%, serta component-based code splitting justru mengalami penurunan performa sebesar 0,5%. Berdasarkan hasil yang didapatkan, code splitting pada pendekatan routebased code splitting dan combined code splitting dapat mengoptimasi performa React JS pada JTI Connect web application.\u003C\u002Fp>","https:\u002F\u002Frepository.polinema.ac.id\u002Fcollection\u002Fdetail?id=dspace000004557&year=2024&title=optimasi-performa-react-js-web-application-menggunakan-teknik-code-splitting-studi-kasus-jti-connect",[64,100,127,160,174,199,225,242],{"id":65,"name":66,"slug":67,"count":68,"prodi":69},"MsJu1506001","Administrasi Niaga","administrasi-niaga",3696,[70,75,79,84,88,92,96],{"name":71,"slug":72,"level":73,"count":74},"D-III ADMINISTRASI BISNIS","d-iii-administrasi-bisnis","D-III",1702,{"name":76,"slug":77,"level":73,"count":78},"D-III BAHASA INGGRIS","d-iii-bahasa-inggris",217,{"name":80,"slug":81,"level":82,"count":83},"D-IV BAHASA INGGRIS UNTUK INDUSTRI PARIWISATA","d-iv-bahasa-inggris-untuk-industri-pariwisata","D-IV",24,{"name":85,"slug":86,"level":82,"count":87},"D-IV BAHASA INGGRIS UNTUK KOMUNIKASI BISNIS DAN PROFESIONAL","d-iv-bahasa-inggris-untuk-komunikasi-bisnis-dan-profesional",103,{"name":89,"slug":90,"level":82,"count":91},"D-IV MANAJEMEN PEMASARAN","d-iv-manajemen-pemasaran",1624,{"name":93,"slug":94,"level":82,"count":95},"D-IV PENGELOLAAN ARSIP DAN REKAMAN INFORMASI","d-iv-pengelolaan-arsip-dan-rekaman-informasi",25,{"name":97,"slug":98,"level":48,"count":99},"JURUSAN ADMINISTRASI NIAGA","jurusan-administrasi-niaga",1,{"id":101,"name":102,"slug":103,"count":104,"prodi":105},"MsJu1506002","Akuntansi","akuntansi",3545,[106,110,114,118,122],{"name":107,"slug":108,"level":73,"count":109},"D-III AKUNTANSI","d-iii-akuntansi",1262,{"name":111,"slug":112,"level":82,"count":113},"D-IV AKUNTANSI MANAJEMEN","d-iv-akuntansi-manajemen",1954,{"name":115,"slug":116,"level":82,"count":117},"D-IV KEUANGAN","d-iv-keuangan",315,{"name":119,"slug":120,"level":48,"count":121},"JURUSAN AKUNTANSI","jurusan-akuntansi",11,{"name":123,"slug":124,"level":125,"count":126},"S2 SISTEM INFORMASI AKUNTANSI","s2-sistem-informasi-akuntansi","S2",3,{"id":128,"name":129,"slug":130,"count":131,"prodi":132},"MsJu1506003","Teknik Elektro","teknik-elektro",4394,[133,137,141,145,149,153,157],{"name":134,"slug":135,"level":73,"count":136},"D-III TEKNIK ELEKTRONIKA","d-iii-teknik-elektronika",588,{"name":138,"slug":139,"level":73,"count":140},"D-III TEKNIK LISTRIK","d-iii-teknik-listrik",533,{"name":142,"slug":143,"level":73,"count":144},"D-III TEKNIK TELEKOMUNIKASI","d-iii-teknik-telekomunikasi",534,{"name":146,"slug":147,"level":82,"count":148},"D-IV JARINGAN TELEKOMUNIKASI DIGITAL","d-iv-jaringan-telekomunikasi-digital",998,{"name":150,"slug":151,"level":82,"count":152},"D-IV SISTEM KELISTRIKAN","d-iv-sistem-kelistrikan",849,{"name":154,"slug":155,"level":82,"count":156},"D-IV TEKNIK ELEKTRONIKA","d-iv-teknik-elektronika",867,{"name":158,"slug":159,"level":125,"count":95},"S2 TEKNIK ELEKTRO","s2-teknik-elektro",{"id":161,"name":162,"slug":163,"count":164,"prodi":165},"MsJu1506004","Teknik Kimia","teknik-kimia",1039,[166,170],{"name":167,"slug":168,"level":73,"count":169},"D-III TEKNIK KIMIA","d-iii-teknik-kimia",507,{"name":171,"slug":172,"level":82,"count":173},"D-IV TEKNOLOGI KIMIA INDUSTRI","d-iv-teknologi-kimia-industri",532,{"id":175,"name":176,"slug":177,"count":178,"prodi":179},"MsJu1506005","Teknik Mesin","teknik-mesin",3198,[180,184,188,192,196],{"name":181,"slug":182,"level":73,"count":183},"D-III TEKNIK MESIN","d-iii-teknik-mesin",1875,{"name":185,"slug":186,"level":73,"count":187},"D-III TEKNOLOGI PEMELIHARAAN PESAWAT UDARA","d-iii-teknologi-pemeliharaan-pesawat-udara",82,{"name":189,"slug":190,"level":82,"count":191},"D-IV TEKNIK MESIN PRODUKSI dan PERAWATAN","d-iv-teknik-mesin-produksi-dan-perawatan",649,{"name":193,"slug":194,"level":82,"count":195},"D-IV TEKNIK OTOMOTIF ELEKTRONIK","d-iv-teknik-otomotif-elektronik",591,{"name":197,"slug":198,"level":125,"count":99},"S2 MAGISTER TERAPAN REKAYASA TEKNOLOGI MANUFAKTUR","s2-magister-terapan-rekayasa-teknologi-manufaktur",{"id":200,"name":201,"slug":202,"count":203,"prodi":204},"MsJu1506006","Teknik Sipil","teknik-sipil",2775,[205,209,213,217,221],{"name":206,"slug":207,"level":73,"count":208},"D-III TEKNIK SIPIL","d-iii-teknik-sipil",992,{"name":210,"slug":211,"level":73,"count":212},"D-III TEKNOLOGI KONSTRUKSI JALAN, JEMBATAN, dan BANGUNAN AIR","d-iii-teknologi-konstruksi-jalan-jembatan-dan-bangunan-air",179,{"name":214,"slug":215,"level":73,"count":216},"D-III TEKNOLOGI PERTAMBANGAN","d-iii-teknologi-pertambangan",91,{"name":218,"slug":219,"level":82,"count":220},"D-IV MANAJEMEN REKAYASA KONSTRUKSI","d-iv-manajemen-rekayasa-konstruksi",1434,{"name":222,"slug":223,"level":82,"count":224},"D-IV TEKNOLOGI REKAYASA KONSTRUKSI JALAN DAN JEMBATAN","d-iv-teknologi-rekayasa-konstruksi-jalan-dan-jembatan",79,{"id":226,"name":227,"slug":228,"count":229,"prodi":230},"MsJu1506007","Teknologi Informasi","teknologi-informasi",2300,[231,235,239],{"name":232,"slug":233,"level":73,"count":234},"D-III MANAJEMEN INFORMATIKA","d-iii-manajemen-informatika",694,{"name":236,"slug":237,"level":82,"count":238},"D-IV SISTEM INFORMASI BISNIS","d-iv-sistem-informasi-bisnis",208,{"name":47,"slug":240,"level":82,"count":241},"d-iv-teknik-informatika",1398,{"id":48,"name":243,"slug":244,"count":245,"prodi":246},"Tanpa prodi","tanpa-prodi",258,[247],{"name":41,"slug":248,"level":48,"count":245},"politeknik-negeri-malang",[250,273,289],[251,257,261,265,269],{"id":252,"parent":253,"target":254,"content":255,"title":255,"url":256},2500,"0","","Polinema Malang","https:\u002F\u002Fpolinema.ac.id\u002F",{"id":258,"parent":253,"target":254,"content":259,"title":259,"url":260},2536,"Bahasa","https:\u002F\u002Fwww.polinema.ac.id\u002Flayanan\u002Funit-pelaksana-teknis\u002Fupt-bahasa\u002F",{"id":262,"parent":253,"target":254,"content":263,"title":263,"url":264},2537,"Humas","https:\u002F\u002Fwww.polinema.ac.id\u002Flayanan\u002Funit-pelaksana-teknis\u002Fupt-humas\u002F",{"id":266,"parent":253,"target":254,"content":267,"title":267,"url":268},2538,"MKU","https:\u002F\u002Fwww.polinema.ac.id\u002Flayanan\u002Funit-pelaksana-teknis\u002Fupt-mku\u002F",{"id":270,"parent":253,"target":254,"content":271,"title":271,"url":272},2539,"Penelitian dan Pengabdian","https:\u002F\u002Fwww.polinema.ac.id\u002Flayanan\u002Funit-pelaksana-teknis\u002Fupt-p2m\u002F",[274,278,282,286],{"id":275,"parent":253,"target":254,"content":276,"title":276,"url":277},2771,"Percetakan","https:\u002F\u002Fwww.polinema.ac.id\u002Flayanan\u002Funit-pelaksana-teknis\u002Fupt-percetakan\u002F",{"id":279,"parent":253,"target":254,"content":280,"title":280,"url":281},2772,"Pemeliharaan dan Perawatan","https:\u002F\u002Fwww.polinema.ac.id\u002Flayanan\u002Funit-pelaksana-teknis\u002Fupt-pp\u002F",{"id":283,"parent":253,"target":254,"content":284,"title":284,"url":285},2773,"Pusat Komputer","https:\u002F\u002Fwww.polinema.ac.id\u002Flayanan\u002Fpuskom\u002F",{"id":203,"parent":253,"target":254,"content":287,"title":287,"url":288},"Job Placement Center","http:\u002F\u002Fjpc.polinema.ac.id\u002F",[290,294,298,302,306],{"id":291,"parent":253,"target":254,"content":292,"title":292,"url":293},2501,"Admisi","http:\u002F\u002Fadmisi.polinema.ac.id\u002F",{"id":295,"parent":253,"target":254,"content":296,"title":296,"url":297},2570,"Alumni","http:\u002F\u002Falumni.polinema.ac.id\u002F",{"id":299,"parent":253,"target":254,"content":300,"title":300,"url":301},2571,"Beasiswa","http:\u002F\u002Fbeasiswa.polinema.ac.id\u002F",{"id":303,"parent":253,"target":254,"content":304,"title":304,"url":305},2572,"LPSE","http:\u002F\u002Flpse.polinema.ac.id\u002Feproc4",{"id":307,"parent":253,"target":254,"content":308,"title":308,"url":309},2574,"Simpeg","https:\u002F\u002Fsimpeg.polinema.ac.id\u002F",[311,370,388,410],{"id":312,"parent":253,"target":254,"content":313,"title":313,"url":314,"children":315,"dropdown":369},2534,"Layanan","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002F",[316,321,325,329,333,337,341,345,349,353,357,361,365],{"id":317,"parent":318,"target":254,"content":319,"title":319,"url":320},2474,"2534","Koleksi Umum","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Fkoleksi-umum\u002F",{"id":322,"parent":318,"target":254,"content":323,"title":323,"url":324},2493,"Sirkulasi","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Fsirkulasi\u002F",{"id":326,"parent":318,"target":254,"content":327,"title":327,"url":328},2475,"Loker","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Floker\u002F",{"id":330,"parent":318,"target":254,"content":331,"title":331,"url":332},2492,"Referensi dan Karya Ilmiah","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Fkoleksi-referensi-dan-laporan-akhir\u002F",{"id":334,"parent":318,"target":254,"content":335,"title":335,"url":336},3792,"Layanan Penelusuran Informasi Secara Online","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Flayanan-penelusuran-informasi-secara-online\u002F",{"id":338,"parent":318,"target":254,"content":339,"title":339,"url":340},4460,"Layanan Keanggotaan","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Flayanan-keanggotaan-2\u002F",{"id":342,"parent":318,"target":254,"content":343,"title":343,"url":344},3745,"Baca Ditempat","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Flayanan-baca-ditempat\u002F",{"id":346,"parent":318,"target":254,"content":347,"title":347,"url":348},2473,"Koleksi Tandon","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Fkoleksi-tandon\u002F",{"id":350,"parent":318,"target":254,"content":351,"title":351,"url":352},3823,"Jasa Silang Layan Perpustakaan","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Fjasa-silang-layan-perpustakaan\u002F",{"id":354,"parent":318,"target":254,"content":355,"title":355,"url":356},3832,"Layanan Multimedia","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Flayanan-multimedia\u002F",{"id":358,"parent":318,"target":254,"content":359,"title":359,"url":360},3834,"Layanan Literasi Informasi","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Flayanan-literasi-informasi\u002F",{"id":362,"parent":318,"target":254,"content":363,"title":363,"url":364},3835,"Layanan Penyedia Dokumen","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Flayanan-penyedia-dokumen\u002F",{"id":366,"parent":318,"target":254,"content":367,"title":367,"url":368},2489,"Administrasi Perpustakaan","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Fadministrasi-perpustakaan\u002F","layanan",{"id":371,"parent":253,"target":254,"content":372,"title":372,"url":373,"children":374,"dropdown":387},2838,"e-Resources","https:\u002F\u002Flibrary.polinema.ac.id\u002Fe-resources\u002Fe-book\u002F",[375,379,383],{"id":376,"parent":377,"target":254,"content":378,"title":378,"url":373},2577,"2838","e-Book",{"id":380,"parent":377,"target":254,"content":381,"title":381,"url":382},2578,"e-Journal","https:\u002F\u002Flibrary.polinema.ac.id\u002Fe-resources\u002Fe-journal\u002F",{"id":384,"parent":377,"target":254,"content":385,"title":385,"url":386},90001,"Open Access","https:\u002F\u002Flibrary.polinema.ac.id\u002Fe-resources\u002Fopen-access\u002F","e-resources",{"id":389,"parent":253,"target":254,"content":390,"title":390,"url":391,"children":392,"dropdown":409},2837,"Informasi","https:\u002F\u002Flibrary.polinema.ac.id\u002Fcategory\u002Fpengumuman\u002F",[393,398,401,405],{"id":394,"parent":395,"target":254,"content":396,"title":396,"url":397},2491,"2837","Jam Layanan","https:\u002F\u002Flibrary.polinema.ac.id\u002Flayanan\u002Fjam-layanan\u002F",{"id":399,"parent":395,"target":254,"content":400,"title":400,"url":391},2766,"Pengumuman",{"id":402,"parent":395,"target":254,"content":403,"title":403,"url":404},2514,"Berita","https:\u002F\u002Flibrary.polinema.ac.id\u002Fcategory\u002Fberita\u002F",{"id":406,"parent":395,"target":254,"content":407,"title":407,"url":408},2515,"Artikel","https:\u002F\u002Flibrary.polinema.ac.id\u002Fcategory\u002Fartikel\u002F","informasi",{"id":411,"parent":253,"target":254,"content":412,"title":412,"url":413,"children":414,"dropdown":444},2482,"Profil","https:\u002F\u002Flibrary.polinema.ac.id\u002Fprofil\u002F",[415,420,424,428,432,436,440],{"id":416,"parent":417,"target":254,"content":418,"title":418,"url":419},2483,"2482","Sejarah","https:\u002F\u002Flibrary.polinema.ac.id\u002Fprofil\u002Fsejarah\u002F",{"id":421,"parent":417,"target":254,"content":422,"title":422,"url":423},2487,"Visi, Misi dan Tujuan","https:\u002F\u002Flibrary.polinema.ac.id\u002Fprofil\u002Fvisi-misi-dan-tujuan\u002F",{"id":425,"parent":417,"target":254,"content":426,"title":426,"url":427},2484,"Staf Perpustakaan","https:\u002F\u002Flibrary.polinema.ac.id\u002Fprofil\u002Fstaf-perpustakaan\u002F",{"id":429,"parent":417,"target":254,"content":430,"title":430,"url":431},2485,"Struktur Organisasi Perpustakaan","https:\u002F\u002Flibrary.polinema.ac.id\u002Fprofil\u002Fstruktur-organisasi-perpustakaan\u002F",{"id":433,"parent":417,"target":254,"content":434,"title":434,"url":435},2486,"Tata Tertib","https:\u002F\u002Flibrary.polinema.ac.id\u002Fprofil\u002Ftata-tertib\u002F",{"id":437,"parent":417,"target":254,"content":438,"title":438,"url":439},3705,"Statistik","https:\u002F\u002Flibrary.polinema.ac.id\u002Fprofil\u002Fstatistik\u002F",{"id":441,"parent":417,"target":254,"content":442,"title":442,"url":443},4990,"Standard Operating Procedure (SOP)","https:\u002F\u002Flibrary.polinema.ac.id\u002Fprofil\u002Fstandard-operating-procedure-sop-2\u002F","profil"]