Pastikan Situs Anda Selalu dalam Kondisi Prima!

Artikel ini menyajikan panduan untuk memastikan situs anda tersedia, dapat diakses, aman, dan bisa diakses/digunakan oleh siapa saja dan kapanpun juga.

Ketersediaan, keandalan, ketangguhan, dan kestabilan.

• Baca server fix dan overloaded (perbaikan dan kelebihan beban) untuk mendeteksi dan mencegah terjadinya masalah lonjakan
• Hapus gambar, video, skrip, dan font yang tidak diperlukan. Hanya utamakan untuk menyajikan fungsi kegunaan yang benar-benar dibutuhkan oleh pengunjung situs anda
• Mengoptimalkan gambar anda dapat secara signifikan mengurasi penggunaan bandwith server anda
  Beberapa penyedia umum diantaranya: AWS, Azure, Cloudflare, Google Cloud, Firebase
• Periksa apakah CDN anda memiliki pengoptimalan yang mudah diaktifkan, seperti kompresi gambar dinamis, kompresi teks, atau pengecilan otomatis untuk sumber-sumber JS dan CSS
• Mengoptimalkan caching HTTP dapat secara signifikan mengurangi permintaan pada server anda dengan perubahan kode yang minimal. Selain itu, audit pada Lighthouse dapat membantu anda dengan cepat mendeteksi sumber-sumber yang tidak ter-cache

Aksesibilitas

• Fokuslah pada aksesibilitas, yang jadi lebih penting dari sebelumnya karena semakin banyak orang dengan berbagai kebutuhan yang mengakses situs anda
• Tentukan apa yang dapat dijalankan, dan peningkatan apa yang diperlukan. Gunakan alat perpanjangan (extention tools) yang dapat memandu anda melalui audit aksesibilitas manual dari situs anda.
• Pahami topik-topik tertentu seperti navigasi keyboard (papan tombol), dukungan pembaca layer dan jalankan audit untuk mengetahui masalah aksesibilitas yang umum terjadi.

Identitas, keamanan, dan privasi

Pengunjung perlu mengakses konten atas topik yang sangat pribadi. Situs perlu melindungi data pengguna yang sensitive ini dengan segala cara, dan meyakinkan pengunjung bahwa informasi pengenal pribadi (PII) mereka terjaga keamanannya.

Kegunaan, UI dan UX

• Audit kegunaan dari fungsionalitas inti situs anda dan pastikan kalau fungsionalitasnya semudah dan sesederhana mungkin
• Pertimbangkan untuk menggunakan warna dan font yang berbeda, agar menonjol dari konten lainnya di halaman anda. Pertahankan agar tulisan anda tetap menunjukkkan empati, focus pada kebutuhan orang, dan terbuka akan jenis layanan apa yang diharapkan
• Cari peluang untuk meminimalkan interaksi fisik dan sarakan perubahan-perubahan tersebut kepada tim produk anda
• Tinjau prinsip-prinsip atas desain seluler yang baik dan coba CUJ anda di berbagai perangkat seluler untuk memastikan tidak ada masalah mencolok
• Faktorkan ulang situs anda untuk menggunakan pola desain responsif sebanyak mungkin
• Pastikan kalau formulir anda efisien dan telah dirancang dengan baik

SEO

Penting untuk memastikan bahwa situs anda dapat ditemukan oleh seluruh mesin pencarian. Sebagai contoh, saat ini, banyak orang yang mencari informasi kritis menyangkut kesehatan dan pekerjaan.

Kinerja

• Mengoptimalkan kinerja beban anda bisa menjadi salah satu cara untuk mengimbangi hambatan dari pengurangan bandwidth. Selain itu juga, dengan mengurangi jumlah byte yang perlu dikirim melalui jaringan untuk memuat halaman anda, akan memberi anda efek yang sama
• Gambar adalah penyebab utama dari bloat (pengembungan) di web. anda dapat dapat saja mengurangi penggunaan bandwidth dari situs anda secara signifikan dengan mengoptimalkan gambar anda.
• Dengan menjalankan beberapa pengujian, anda akan terbantu untuk menemukan peluang untuk meningkatkan kinerja terbaik anda.
• Mengaktifkan kompresi teks untuk mengurangi ukuran jaringan dari sumber-sumber teks. Seringkali ini merupakan cara meningkatkan kinerja yang mudah, dengan investasi teknis yang sesedikit mungkin.
• Memperbaiki kecepatan situs web secara lintas fungsi akan membantu anda bagaimana untuk berkolaborasi dan memperoleh dukungan dari departemen lain.
• Yang terakhir, gunakan pemuatan lambat standar untuk gambar, agar permintaan gambar dapat diminimalkan sehingga pengunjung mungkin tidak akan benar-benar melihatnya. Kompatibilitas dari browser mungkin saja tidak 100% efektif, tetapi fitur ini dapat dijalankan sebagai peningkatan yang progresif.

Referensi:
https://web.dev/covid19/