STIK SINT CAROLUS
Portal resmi STIK Sint Carolus untuk publik. Menampilkan informasi kampus secara jelas dan mudah diakses, sekaligus menjadi etalase profil institusi.
Tech Stack :NuxtJSVue
Kontribusi Saya di Proyek SintCarolus
Proyek ini adalah website resmi STIK Sint Carolus. Fokus kontribusi saya adalah meningkatkan performa website yang sebelumnya lambat agar jadi lebih cepat dan nyaman diakses, terutama di mobile.
Yang Saya Kerjakan
-
Optimasi gambar secara menyeluruh
Menggunakan Nuxt Image agar gambar lebih ringan, otomatis punya ukuran yang tepat, dan cepat dimuat. -
Perbaikan LCP (Largest Contentful Paint)
Mengutamakan elemen hero agar tampil lebih cepat dengan ukuran file lebih kecil, prioritas loading yang tepat, dan format gambar modern. -
Perbaikan CLS (Layout Shift)
Menambahkan ukuran eksplisit pada gambar supaya layout tidak “geser” saat loading. -
Fallback gambar yang lebih aman
Jika optimasi gambar gagal, gambar tetap tampil tanpa error (fallback ke<img>). -
Optimasi ukuran dan
sizespada responsive image
Menyesuaikan ukuran srcset agar gambar di mobile tidak kebesaran. -
Perbaikan aksesibilitas
Menambahkan label dan atribut ARIA pada tombol penting agar lebih ramah screen reader.
Dampak Hasil
Hasilnya, website menjadi:
- Lebih cepat di-load
- Lebih stabil saat tampil (tidak loncat‑loncat)
- Lebih ringan di mobile
- Lebih nyaman diakses pengguna
Ini adalah bagian utama kontribusi saya yang ingin saya tampilkan di portfolio.