Jika anda ingin mengembangkan suatu front-end untuk aplikasi, tentunya anda membutuhkan sebuah framework agar aplikasi mobile tersebut bisa berjalan dengan cepat dan berfungsi dengan semestinya, sehingga pengembangan mobile menjadi lebih efisien. Ada beberapa framework yang dapat digunakan untuk mengembangkan aplikasi mobile. Pada artikel ini, kita akan membahas salah satu framework yang sudah banyak digunakan sejak tahun 2013 dan masih banyak peminatnya hingga sekarang. Framework tersebut adalah Ionic.
 

Apa itu Front-end Framework?

Front-end framework sendiri terdiri dari 2 kata, front-end dan framework. Front-end merujuk pada GUI (Graphical User Interface), yang artinya adalah tampilan layar dari platform itu sendiri, yang mana anda akan bisa berinteraksi dengan click atau sentuhan. Front-end sendiri membutuhkan suatu fondasi agar web bisa berfungsi dan berjalan cepat. Disinilah framework memulai perannya. Framework adalah sebuah struktur yang dapat digunakan untuk membangun sebuah aplikasi web. Dalam sistem komputer, nantinya framework akan menunjukkan jenis program apa yang dapat atau harus dibangun dan bagaimana program-program tersebut akan saling terkait, agar platform bisa berjalan dengan semestinya.

Jadi, Front-end Framework adalah kumpulan program yang digunakan oleh pengembang platform untuk membangun tampilan platform tersebut. Front-end Framework menyediakan struktur dasar di mana elemen visual halaman platform yang langsung berinteraksi dan dilihat oleh pengguna, seperti tata letak, tombol, dan hal lainnya, dapat dibangun secara efisien. Framework ini biasanya dilengkapi dengan seperangkat aturan dan komponen yang dapat digunakan kembali yang mempermudah keseluruhan proses pengembangan dengan membuatnya lebih cepat dan lebih dapat diandalkan. Dengan ini, pengembang dapat fokus pada penyesuaian desain dan fungsionalitas platform tanpa harus membangun setiap elemen dari awal.
 

Kemunculan Front-end Framework

Dua puluh lima tahun yang lalu, sebelum adanya framework, saat itu pengembangan web hanya dapat menggunakan HTML (Hyper Text Markup Language), CSS (Cascading Style Sheets) , dan JavaScript saja. Ketiga hal tersebut adalah bahasa pemrograman, yang mana HTML menentukan struktur konten, CSS menentukan gaya dan tata letak, dan JavaScript membuat konten menjadi interaktif. Proses ini memakan waktu yang sangat lama, dan tentunya melakukan pengembangan web dengan cara ini juga tidaklah mudah. Pada waktu itu juga, penggunaan CSS saat membuat web agar bisa mendukung banyak browser adalah sebuah mimpi buruk bagi para pengembang. Anggap saja suatu platform terlihat baik - baik saja di satu browser. Namun saat menggunakan browser lain, web tersebut akan menjadi sangat berantakan. Begitu juga yang terjadi dengan JavaScript.

Pada awal tahun 2000-an, pengembangan platform menggunakan JavaScript menjadi jauh lebih menyenangkan dan mudah dibandingkan sebelumnya berkat lahirnya JavaScript library. Library disini artinya kumpulan kode yang dapat digunakan kembali oleh pengembang untuk melakukan tugas-tugas umum dan memecahkan masalah tertentu dalam proyek mereka. Salah satu yang pertama dan populer pada masanya dan masih ada sampai sekarang adalah jQuery. jQuery dirancang untuk menyederhanakan script sisi klien HTML. Ini membuat hal-hal seperti penjelajahan dan manipulasi dokumen HTML, animasi, penanganan event, dan AJAX (AJAX memungkinkan halaman web diperbarui secara asinkron) menjadi sangat sederhana dengan API (API merupakan mekanisme yang memungkinkan dua komponen perangkat lunak untuk berkomunikasi satu sama lain) yang mudah digunakan yang bekerja pada banyak jenis browser yang berbeda. jQuery mempermudah penggunaan JavaScript di web agar bisa lebih interaktif dan lebih menarik. Meskipun jQuery adalah library JavaScript yang paling populer untuk antarmuka web, namun tidak memiliki fasilitas untuk menangani data secara konsisten di seluruh tampilan yang digunakan bersama (shared views).

Lahirnya jQuery juga menjadi faktor munculnya berbagai front-end framework, salah satu yang pertama adalah Backbone.js. Backbone.js memperbaiki masalah-masalah yang dimiliki jQuery dulunya. Kemudian pada tahun 2010, AngularJS dirilis. AngularJS dengan cepat menjadi framework JavaScript yang paling populer. Framework ini menawarkan pengikatan data dua arah (two-way binding), injeksi dependensi, routing packaging, dan banyak lagi. AngularJS membantu para pengembang menyelesaikan banyak masalah yang mereka hadapi dalam membangun proyek web. Namun, seiring dengan meningkatnya kompleksitas proyek AngularJS, para pengembang web mulai mengalami frustasi dengan framework tersebut. Tim AngularJS memutuskan untuk mendesain ulang seluruh framework dan menyebutnya Angular 2. Sayangnya, versi baru ini sama sekali tidak kompatibel dengan AngularJS. Tidak ada jalur migrasi yang disediakan. Hal ini membuat marah banyak pengembang AngularJS yang menyebabkan mereka meninggalkan framework ini sepenuhnya. Sejak saat itu, Angular tidak dapat mencapai angka yang pernah dimilikinya.

Lalu, pada tahun 2013, sebuah framework yang tidak kalah saing di dunia pengembangan frontend dirilis. Framework tersebut adalah ReactJS. ReactJS mengenalkan fitur-fitur inovatif seperti Virtual DOM (representasi JavaScript ringan dari Document Object Model yang digunakan dalam framework web deklaratif), aliran data satu arah (one way data flow), dan pola Flux (pola untuk mengelola bagaimana data berjalan). Tim React menjelaskan bagaimana framework ini membantu mereka memecahkan beberapa tantangan berulang terbesar yang mereka hadapi ketika memperbaiki bug untuk Facebook. React dengan cepat menjadi populer. Hingga sekarang pun, React menjadi framework JavaScript yang paling populer. Pada tahun 2014 sebuah framework baru yang memiliki kemiripan dengan Angular dan React sedang meningkat popularitasnya. Framework tersebut namanya adalah Vue. Tidak seperti React yang sangat fleksibel, atau Angular yang sangat kaku, Vue mencoba mengambil jalan tengah. Vue.js menyediakan framework yang ringan yang dikelilingi dengan sistem yang dikelola secara resmi oleh tim Vue.
 

Ionic

Framework Ionic adalah alat bantu antarmuka pengguna (User Interface) sumber terbuka (Open Source) untuk membangun aplikasi seluler, aplikasi desktop, dan aplikasi web progresif (Progressive Web Application) yang berkinerja tinggi dan berkualitas tinggi dengan menggunakan teknologi web seperti HTML, CSS, dan JavaScript. Dengan menggunakan teknologi web, Ionic membantu membangun aplikasi seluler lintas platform dengan basis kode tunggal. Framework ini memungkinkan pengembang untuk membangun sekali dan menjalankannya di mana saja.

Pada dasarnya, Ionic memungkinkan pengembang web untuk membuat halaman web yang dijalankan di dalam instance browser perangkat yang disebut WebView. WebView dapat hadir sebagai plugin, dan pada dasarnya merupakan komponen aplikasi yang merender halaman web dan menampilkannya sebagai aplikasi native. Ketika sebuah aplikasi atau perangkat lunak bersifat native, maka aplikasi atau perangkat lunak tersebut ditulis untuk sistem operasi (OS) alami komputer. Sebagai contoh, platform asli game Xbox 360 adalah Xbox 360 karena dirancang untuk perangkat dan OS tertentu. Aplikasi yang dijalankan secara native dan kode native biasanya memberikan pengalaman pengguna yang lebih baik dengan lebih sedikit masalah kinerja. Aplikasi ini berjalan lebih baik dan lebih cepat karena dibuat sesuai dengan platform tertentu.

Framework Ionic berfokus pada pengalaman pengguna front-end atau interaksi antarmuka pengguna, yang menangani semua tampilan dan nuansa aplikasi pengembang. Ionic sangat mudah untuk dipelajari dan dapat diintegrasikan dengan library atau framework lain seperti Angular, Cordova, React, Vue, dan lain lain. Ionic juga dapat digunakan sebagai framework mandiri tanpa framework front-end dengan menggunakan skrip sederhana yang disertakan. Secara resmi, framework Ionic memiliki integrasi dengan Angular, tetapi juga menyediakan dukungan untuk Vue JS dan React JS.

Bagian lain dari Ionic yang bertanggung jawab untuk mengakses fungsionalitas asli didasarkan pada plugin Apache Cordova. Cordova adalah alat untuk membangun aplikasi seluler menggunakan teknologi web, yang mengandalkan API (Application Programming Interface) nya sendiri, bukan API khusus platform. secara sederhana, API adalah seperangkat aturan yang memungkinkan aplikasi perangkat lunak (software) yang berbeda untuk berkomunikasi satu sama lain. Selama Ionic menggunakan WebView, ia tidak memiliki akses ke API perangkat keras (hardware) perangkat secara default. Cordova menyediakan API yang dikemas sebagai plugin untuk mendapatkan akses ke fungsi-fungsi seperti kamera, giroskop, atau sensor ponsel cerdas. Rangkaian API ini juga dikenal sebagai Cordova Bridge. Apache Cordova menyediakan aplikasi Ionic dengan akses ke API asli, yang berfungsi sebagai jembatan antara tampilan web dan sistem operasi perangkat. Ketika membangun sebuah aplikasi, pengembang ingin mencapai setiap fungsionalitas yang dibutuhkan. Untuk itu, Ionic Native diciptakan. Ini adalah seperangkat plugin Cordova yang dirancang untuk mendukung API standar dan integrasi.
 

Histori Ionic

Ionic diciptakan oleh Max Lynch, Ben Sperry, dan Adam Bradley dari Drifty Co. pada tahun 2013. Versi beta pertama dari framework Ionic dirilis pada bulan Maret 2014. Ionic 1 dirilis pada akhir tahun 2013. Ionic 1 diperkenalkan untuk membuat aplikasi seluler dengan Angular 1 (Angular JS), yang mana Angular merupakan front-end framework populer yang digunakan untuk membangun halaman web dinamis dan aplikasi web progresif. Progresif disini mengacu pada implementasi framework sebagai markup HTML tambahan. Singkatnya, ini adalah model data yang terhubung ke model template. Browser merespons pembaruan model dengan memperbarui HTML nya ketika model diperbarui. Framework yang progresif menyesuaikan diri dengan kompleksitas proyek dalam bentuk aslinya. Ionic dapat menggunakan Angular CLI (Command Line Interface) dan komponen untuk membuat aplikasi seluler yang berfungsi penuh. Awalnya, Ionic 1 tidak menggunakan komponen web. Ini menggunakan arahan angular 1 untuk memberi pengembang komponen angular khusus yang hanya berjalan di dalam aplikasi angular.

Ionic 2 diperkenalkan pada tahun 2016. Ini melanjutkan versi sebelumnya dengan memberikan hal yang sama untuk angular 2. Angular 2 adalah versi baru dari angular, yang sama sekali berbeda dari angular 1. Dengan demikian, Ionic 2 kembali hanya memberikan komponen angular saja, bukan komponen web. Jadi pengembang hanya bisa menggunakan Ionic 2 di aplikasi angular 2. Setahun setelah Ionic 2, Ionic 3 diperkenalkan pada tahun 2017. Versi ini melanjutkan versi sebelumnya dengan menambahkan beberapa fitur baru. Versi ini menyempurnakan framework Ionic namun tetap fokus pada angular, yaitu angular 4 pada saat itu. Tim Ionic memutuskan bahwa Ionic 3 tidak optimal untuk tujuan masa depan karena tidak semua orang menggunakan angular. Ionic 3 tidak memungkinkan untuk membangun aplikasi mobile native atau memungkinkan untuk menggunakan vue.js, atau kerangka kerja react.js, Anda terbatas pada angular saja. Oleh karena itu, Ionic 4 diperkenalkan pada tahun 2019. Ionic 4 dan semua versi Ionic yang akan datang didasarkan pada komponen web. Ionic 4 membangun aplikasi seluler asli dan Aplikasi Web Progresif (PWA) dengan teknologi web JavaScript, HTML, dan CSS. Ionic mendukung semua browser yang memungkinkan penggunaan elemen HTML Anda yang dapat berjalan dengan kerangka kerja web apa pun yang Anda gunakan. Oleh karena itu, komponen web dan Ionic 4 dapat bekerja dengan kerangka kerja apa pun. Setiap versi baru dari framework Ionic dirilis setiap enam bulan sekali dengan beberapa peningkatan.
 

Kelebihan Ionic

Ionic dibangun di atas framework Angular dan Apache Cordova, serta menggunakan HTML 5, CSS, dan JavaScript sebagai teknologi inti untuk pengembangan aplikasi. Meskipun demikian, framework lainnya seperti React dan Vue juga didukung integrasinya oleh Ionic Ionic juga bekerja hanya menggunakan basis kode tunggal di berbagai platform. Ini memungkinkan pengembang untuk membuat aplikasi seluler tanpa mempekerjakan pengembang native. Siapa pun yang mengenal teknologi web dan Angular dapat menggunakannya, memanfaatkan keterampilan web untuk membuat aplikasi yang berfungsi penuh. Ini dapat mengurangi biaya pengembangan, perekrutan pengembang asli, dan pemeliharaan basis kode. Waktu pengembangan juga lebih cepat untuk memasarkan di kedua platform. Ionic memberikan kemudahan pemeliharaan melalui instrumen browser bawaan dan alat debugging, serta ketersediaan untuk mengubah aplikasi Ionic menjadi aplikasi desktop atau aplikasi web progresif.

Bukan rahasia lagi bahwa teknologi web adalah yang paling banyak digunakan, dengan JavaScript sebagai bahasa pemrograman yang paling populer. Menurut survei Stack Overflow 2019, pengembang frontend adalah kelompok terbesar ketiga dari semua jenis pengembang. Ionic dianggap sebagai alat yang mudah dipelajari. Pengembang frontend dapat dengan cepat memahami dasar-dasarnya atau memilih di antara berbagai framework web yang didukung oleh Ionic. Tentu saja, memiliki keahlian dalam pengembangan native hanya akan menjadi nilai tambah, karena Ionic tidak mengkompilasi seluruh aplikasi ke dalam bahasa native. Sebaliknya, Ionic mengkompilasi elemen-elemen UI, menggunakan Cordova atau Capacitor (platform jembatan native untuk Ionic) plugin untuk fungsionalitas lainnya. Sangat mudah untuk membangun dan memelihara aplikasi hanya dengan kumpulan teknologi web. Tetapi jika pengembang harus memperbaiki plugin atau mengembangkan plugin khusus untuk beberapa fungsionalitas tertentu, di sini pengembang akan membutuhkan pengembang Android atau iOS native.

Jika anda merasa belum mendapatkan cukup banyak manfaat dari aplikasi Ionic, anda selalu dapat mengintegrasikannya dengan berbagai alat. Daftar resmi teknologi yang bisa diintegrasikan dapat ditemukan di situs web Ionic, yang menyediakan akses mudah ke instrumen analitik, sistem pembayaran, keamanan, dan alat pengujian. Ini juga berisi sejumlah plugin yang membantu mengintegrasikan dengan perangkat keras perangkat. Namun perlu diingat bahwa beberapa plugin tersedia sebagai bagian dari versi Enterprise dari Ionic, yang membutuhkan pembayaran untuk menggunakan plugin dan alat Premier. Untuk plugin lainnya, anda juga dapat memeriksa daftar plugin Cordova, yang dapat diurutkan berdasarkan ketersediaan platform. Atau anda juga bisa menggunakan plugin Capacitor, mengunduhnya dari npm.

Versi Ionic yang lebih lama telah terbukti efisien dalam meniru tampilan dan nuansa aplikasi native berkat library komponen UI-nya. Komponen-komponen ini dapat digunakan sebagai elemen siap pakai untuk membangun Graphical User Interface (GUI) atau memanfaatkan elemen-elemen tersebut untuk penyesuaian. Dipasangkan dengan komponen web, Ionic mampu mempercepat proses pengembangan logika UI dan mempertahankan tampilan native tanpa biaya tambahan. Komponen UI dari Ionic terdiri dari dua bagian, yang dapat dipecah menjadi GUI itu sendiri dan fungsinya. Dengan mengakses kode komponen UI, pengembang dapat mengubah cara kerja sebuah elemen. Pengembang dapat menambahkan animasi ke tombol, memodifikasi jenis pengguliran, merekonstruksi urutan item, dan sebagainya. Aspek lain yang mendorong kecepatan pengembangan Ionic adalah kemampuan prototyping. Menggunakan elemen UI yang sudah jadi membantu membuat prototipe aplikasi masa depan pengembang dalam waktu yang relatif singkat. Untuk tujuan itu, pengembang bebas menggunakan alat pembuatan prototipe yang disebut Ionic Creator. Alat ini dikelola oleh tim Ionic, menawarkan antarmuka seret & lepaskan untuk membuat prototipe interaktif, tetapi tidak dapat digunakan untuk membuat keseluruhan aplikasi.

Selama aplikasi Ionic hanya bekerja melalui tampilan web (WebView), browser perangkat dapat digunakan untuk menguji aplikasi. Ini jauh lebih nyaman karena pengembang bahkan tidak perlu menggunakan perangkat pengujian untuk memastikan bahwa semuanya berjalan dengan lancar. Konsep yang sama berlaku untuk berbagai perangkat seluler di dunia modern. Browser menawarkan alat pengujian dan debugging bawaan yang membuat seluruh proses pengujian menjadi nyaman. Untuk menguji komponen Angular yang digunakan pada versi yang lebih lama, Angular CLI dapat digunakan, sedangkan Ionic CLI cocok untuk pengujian komponen web. Jadi, perangkat pengujian atau emulator mungkin diperlukan untuk menguji beberapa fungsionalitas native saja.

Ketika anda memiliki pertanyaan tentang Ionic, anda akan mencari tahu di forum dan komunitas tertentu untuk menemukan jawabannya. Maka dari itu dokumentasi diperlukan, dan Ionic tentu memilikinya. Dalam kasus Ionic, semuanya dikelompokkan di situs web mereka. Dokumentasi yang ada di sana bisa dibilang sangat lengkap, mencakup setiap topik yang berguna tentang apa saja komponen-komponen Ionic, bagaimana cara menggunakannya, dan bagaimana mereka saling terkait. Dalam dokumentasi, anda juga bisa menemukan panduan untuk berbagai tugas dalam menginstal, mengkonfigurasi, meluncurkan, dan menyempurnakan berbagai instrumen yang digunakan dengan Ionic. Selama pencipta Ionic menjaga aksesibilitas alat mereka untuk pengguna, komunitas akan terus berkembang. Dengan juta-an pengembang dan aktivitas konstan di forum, anda akan dapat menemukan jawaban untuk pertanyaan apa pun, jika tidak tercakup dalam dokumentasi.
 

Kekurangan Ionic

Semua framework memiliki keunggulan dan kelemahannya sendiri, tidak terkecuali dengan Ionic. Dalam hal kinerja aplikasi berat, Ionic kurang sesuai. Ketika menggunakan WebView untuk merender aplikasi, Ionic menunjukkan hasil yang baik untuk fungsionalitas umum aplikasi seluler. Untuk aplikasi berat seperti Snapchat yang menggunakan augmented reality melalui kamera ponsel pintar, atau aplikasi dengan grafis yang berat (contohnya game, yang merender banyak model 3D), ini akan membuat aplikasi berjalan dengan buruk. Alasannya cukup sederhana. Ionic merender elemen grafisnya melalui browser, yang membutuhkan beberapa langkah untuk mulai menampilkan gambar di layar. Semakin banyak yang diletakkan di antara langkah memuat, semakin besar waktu pemuatannya. secara umum, jika performa adalah tujuan utama anda, kemungkinan besar anda akan memilih cara lain untuk membangun aplikasi Anda. Framework lain seperti Xamarin dan React menunjukkan hasil yang lebih baik, karena aplikasi dikompilasi ke dalam bahasa native. Menggunakan bahasa yang dekat dengan kode mesin menjamin performa tinggi aplikasi anda. Dalam kasus Ionic, anda dapat membuat aplikasi dengan performa tinggi, tetapi anda harus mempelajari teknik pengoptimalan performa jauh lebih dalam dibandingkan dengan React.

Setiap kali pengembang membuat aplikasi dengan Ionic, pengembang pasti akan menggunakan plugin untuk mengakses fungsionalitas asli. Dengan jumlah keseluruhan plugin yang sudah jadi, sangat mudah untuk menemukan paket untuk mengimplementasikan fungsionalitas yang dibutuhkan. Namun, ada beberapa kasus ketika pengembang tidak menemukan plugin atau modul. Jika pengembang membutuhkan fitur yang sangat spesifik atau akses ke perangkat keras yang tidak standar, pengembang harus mengembangkan plugin sendiri. Alasannya adalah Ionic tidak mampu mengimplementasikan plugin asli tanpa mengubahnya dalam JavaScript. Itu berarti pengembang dapat menggunakan web sepenuhnya, tetapi jika pengembang ingin menggunakan sedikit kode native, itu tidak mungkin. Kasus ketiadaan plugin sangat spesifik, dan paling sering pengembang dapat menemukan modul yang sesuai. Jika pengembang membutuhkan sesuatu yang tidak tersedia, pengembang mungkin harus membuatnya dengan bantuan pengembang asli.

Ada beberapa teknik yang digunakan untuk menambahkan perubahan pada kode pengembang. Dalam rekayasa perangkat lunak (software), hot reloading dianggap sebagai fitur standar. Hot reloading memungkinkan pengembang menerapkan perubahan tanpa memuat ulang seluruh aplikasi. File yang sedang pengembang kerjakan akan di muat ulang, sehingga aplikasi dapat terus bekerja, mengimplementasikan perubahan dalam mode langsung. Ionic membutuhkan waktu untuk membiasakan diri karena tidak menyediakan hot reloading, melainkan menggunakan live reloading (pemuatan ulang langsung). Setiap kali Anda menerapkan beberapa perubahan, live reloading akan me muat ulang seluruh aplikasi untuk membuat perubahan menjadi aktif. Itu berarti setiap kali pengembang ingin menerapkan perubahan, mereka akan memulai ulang aplikasi mereka. Hal ini mungkin terdengar baik, tetapi jika dikaitkan dengan kecepatan pengembangan, me muat ulang aplikasi setiap kali pengembang memperbarui kode dapat memperlambat keseluruhan proses. Dari sisi pengembang, hal ini tidak memberikan banyak kenyamanan saat mengerjakan aplikasi, sehingga dianggap sebagai kelemahan.

Dalam Ionic ada kemungkinan masalah keamanan pada aplikasi. Anda tidak boleh menganggap hal tersebut sebagai kekurangan Ionic sendiri, melainkan sebagai perangkap yang mungkin anda hadapi saat bekerja dengannya. Ketika membangun aplikasi hybrid, keamanan adalah masalah yang umum, selama aplikasi anda dapat direkayasa. Sejak versi 4, Ionic CLI memang menyediakan pemburukan kode bawaan, teknik umum untuk membuat kode sulit dibaca oleh peretas. Tetapi anda juga perlu tahu bahwa jika anda menggunakan Angular CLI atau versi Ionic yang lebih lama, tidak ada pemburukan kode yang terjadi. Anda harus membuat kode pemburukan sendiri. Ada banyak cara untuk mengkompromikan apa yang terjadi pada aplikasi seluler atau aplikasi web progresif anda. Ini sangatlah penting, karena pada dasarnya, aplikasi Ionic anda adalah sebuah situs web yang berjalan di perangkat. Hal penting yang perlu diingat adalah bahwa Ionic berkomunikasi dengan backend menggunakan panggilan HTTP (Hyper Text Transfer Protocol) biasa. HTTP adalah protokol lapisan aplikasi yang dirancang untuk mentransfer informasi antara perangkat jaringan dan berjalan di atas lapisan lain dari tumpukan protokol jaringan. Jadi, anda juga ingin menggunakan langkah-langkah keamanan pada aplikasi Ionic yang Anda gunakan untuk melindungi situs web Anda, seperti menggunakan koneksi HTTPS (Hyper Text Transfer Protocol Secure) alih-alih HTTP. HTTPS adalah versi aman dari HTTP, yang merupakan protokol utama yang digunakan untuk mengirim data antara browser web dan situs web.

Ionic memiliki ukuran yang bisa dibilang cukup besar. Masalah ini mungkin tidak terlihat sepenting performa. Namun, menulis aplikasi menggunakan HTML, CSS, dan JavaScript berarti menulis banyak kode dan menambahkan pustaka, plugin, dependensi, dan lain lain, yang membuat aplikasi menjadi lebih berat daripada aplikasi native. Masalah ini sepenuhnya benar untuk aplikasi Ionic versi 3, tetapi pada versi 4, masalah ini telah teratasi sebagian. Ionic CLI menyediakan code pemburukan, yang merupakan salah satu teknik pengecilan kode. Pengembang juga dapat mengurangi ukuran ikon, dan menghapus style, font, dan gambar yang tidak digunakan untuk memperkecil ukuran aplikasi pengembang.