OPTIMALISASI GAMBAR MENGGUNAKAN IMAGE OPTIMIZATION NEXT.JS PADA LEARNING MANAGEMENT SYSTEM STUDI KASUS KAMPUS GRATIS

Perkembangan teknologi web yang pesat dan pertumbuhan pengguna internet telah memberikan manfaat besar bagi pengguna dan pengembang web. Salah satu kunci keberhasilan aplikasi web adalah performa yang sangat bergantung pada kecepatan penyampaian konten, termasuk gambar. Gambar yang tidak dioptimalkan dapat memperlambat waktu pemuatan halaman web. Penelitian ini bertujuan untuk mengoptimalkan gambar pada platform Learning Management System (LMS) Kampus Gratis menggunakan fitur image optimization yang disediakan oleh framework Next.js.

Permasalahan yang dihadapi adalah bagaimana mengoptimalkan gambar agar performa platform LMS meningkat. Penelitian dilakukan dengan menerapkan fitur image optimization dari Next.js pada platform LMS Kampus Gratis. Metode pengujian yang digunakan performance testing yang meliputi pre-test untuk mengukur performa sebelum optimasi, implementasi optimasi gambar, dan post-test untuk mengukur performa setelah optimasi. Metrik yang dianalisis meliputi waktu pemuatan halaman, ukuran gambar, dan format gambar.

Analisis data dilakukan dengan menggunakan uji Shapiro-Wilk untuk menguji normalitas data. Hasil dari uji normalitas menunjukkan bahwa data tidak berdistribusi normal, sehingga digunakan uji Wilcoxon Signed Rank untuk analisis komparatif. Hasil uji komparatif menunjukkan perbadaan signifikan pada performa pemuatan gambar setelah optimasi. Kesimpulannya, penerapan fitur image optimization dari Next.js pada platform LMS Kampus Gratis efektif dalam meningkatkan performa aplikasi web.

Kata kunci: Learning Management System, Next.Js, Optimasi Gambar, Performa Web, Webp.