Abstrak

Dengan pertumbuhan pesat penggunaan perangkat mobile untuk mengakses internet, pendekatan desain web telah bergeser ke desain responsif dan mobile-first. Penelitian ini bertujuan mengoptimalkan pengalaman pengguna web Puskesmas melalui mobile-first design. Rumusan masalah mencakup strategi peningkatan performa dan efisiensi web, pengukuran responsivitas, dan optimalisasi pengalaman pengguna. Metode penelitian mencakup tinjauan literatur, analisis kebutuhan pengguna, desain prototipe, pengujian, serta analisis data. Hasil penelitian menunjukkan metode mobile-first design efektif meningkatkan performa situs web Puskesmas, dengan skor rata-rata 90 pada Pagespeed Insight dan Lighthouse setelah optimasi, dibandingkan skor 79 sebelum optimasi. Optimasi dilakukan melalui efisiensi gambar, penghapusan animasi yang tidak penting, perubahan ukuran viewport, dan implementasi lazy loading. Penelitian ini diharapkan meningkatkan responsivitas web Puskesmas pada perangkat mobile, memberikan manfaat bagi pengembang dan pengguna situs web dalam mendapatkan pengalaman yang lebih baik dan optimal.

Kata Kunci : Mobile-first design, Desain responsif, Pengalaman pengguna, Performa situs web