Sebelum mengumpulkan metrik performa untuk audit situs, ada beberapa pemeriksaan yang dapat Anda lakukan untuk mengidentifikasi perbaikan mudah dan area yang perlu difokuskan.
Pemeriksaan validitas: arsitektur dan kode
Jika memungkinkan, perbaiki bug sederhana dan hapus aset dan kode yang tidak diperlukan sebelum mengukur performa — tetapi pastikan untuk menyimpan catatan sebelum dan sesudah masalah dan perbaikan. Peningkatan ini masih dapat menjadi bagian dari pekerjaan audit Anda.
Aset dan arsitektur situs
Dapatkah apa pun dihapus dengan mudah dari repo kode dan dari situs, seperti halaman lama, konten, atau aset lainnya yang tidak digunakan? Periksa halaman yang tidak digunakan lagi, template
yang berlebihan, gambar yang tidak digunakan, dan kode dan library yang tidak digunakan.
Error runtime
Periksa error yang dilaporkan di konsol browser. Seharusnya tidak ada :).
Linting
Apakah ada error dalam kode HTML, CSS, atau JavaScript Anda? Membuat linting ke dalam
alur kerja dapat membantu mempertahankan kualitas kode dan menghindari regresi. Sebaiknya gunakan
HTMLHint, StyleLint, dan
ESLint, yang dapat digunakan sebagai plugin editor kode, atau dijalankan dari
command line dalam proses alur kerja dan alat integrasi berkelanjutan seperti
Travis.
Link dan gambar yang rusak
Ada banyak alat untuk menguji link yang rusak pada waktu build dan
runtime, termasuk Ekstensi Chrome
(ini
bagus) dan alat Node seperti
Broken Link Checker.
Plugin
Plugin seperti Flash dan Silverlight dapat menjadi risiko keamanan, dukungan untuk plugin tersebut
tidak digunakan lagi,
dan tidak berfungsi di perangkat seluler. Gunakan Lighthouse untuk memeriksa
plugin.
Menguji dengan berbagai perangkat dan konteks
Tidak ada yang lebih baik daripada meminta orang sungguhan untuk menguji situs Anda dengan perangkat sungguhan, beberapa browser, dan konteks konektivitas yang berbeda.
Beberapa pemeriksaan ini relatif subjektif, tetapi dapat mengidentifikasi masalah yang memengaruhi performa yang dirasakan. Link yang rusak, misalnya, membuang waktu dan terasa 'tidak responsif'. Teks yang tidak terbaca akan lambat dibaca.
Pengujian lintas perangkat
Coba berbagai ukuran area tampilan dan jendela. Gunakan minimal satu perangkat seluler dan
satu perangkat desktop. Jika memungkinkan, coba situs Anda di perangkat seluler dengan spesifikasi rendah dan layar kecil. Apakah
teks dapat dibaca? Apakah ada gambar yang rusak? Bisakah Anda memperbesar? Apakah target sentuh cukup besar? Apakah lambat?
Apakah ada fitur yang tidak responsif? Ambil screenshot atau rekam video hasil.
Pengujian lintas platform
Platform apa yang Anda targetkan? Anda perlu melakukan pengujian pada browser dan
sistem operasi yang digunakan pengguna sekarang dan di masa mendatang.
Konektivitas
Uji pada beberapa jenis jaringan target: terhubung, Wi-Fi, dan seluler. Anda dapat menggunakan alat browser untuk mengemulasikan berbagai kondisi jaringan.
Perangkat
Pastikan untuk mencoba situs Anda di perangkat yang sama dengan pengguna. Foto
berikut menampilkan halaman yang sama di dua ponsel yang berbeda.
Pada layar yang lebih besar, teks berukuran kecil tetapi dapat dibaca. Pada layar yang lebih kecil, browser merender tata letak dengan benar, tetapi teks tidak dapat dibaca, bahkan saat diperbesar. Layar buram dan memiliki 'bias warna' — putih tidak terlihat putih — sehingga konten kurang jelas.
Temuan sederhana seperti ini bisa jauh lebih penting daripada data performa yang tidak jelas.
Mencoba UI dan UX
Aksesibilitas, kegunaan, dan keterbacaan
Untuk memastikan konten dan
fungsi situs Anda dapat diakses oleh semua orang, Anda perlu memahami keberagaman pengguna.
Lighthouse dan alat lainnya menguji masalah aksesibilitas
tertentu, tetapi tidak ada yang mengalahkan pengujian di dunia nyata. Coba baca, jelajahi, dan masukkan
data dalam berbagai skenario: misalnya, di luar ruangan di bawah sinar matahari atau di kereta. Minta berbagai
teman, keluarga, dan kolega untuk mencoba situs Anda. Coba gunakan konten melalui pembaca layar seperti
VoiceOver
di Mac atau
NVDA
di Windows.
Anda dapat mengetahui lebih lanjut cara menerapkan dan meninjau aksesibilitas di kursus Udacity tentang Aksesibilitas dan artikel Dasar-Dasar Web Cara Melakukan Peninjauan Aksesibilitas.
Simpan catatan audit aksesibilitas Anda. Kemungkinan besar Anda akan dapat melakukan peningkatan sederhana yang baik untuk semua pengguna.
Masalah UI dan UX mendasar
Interaksi yang tidak berfungsi sebagaimana mestinya, elemen yang meluap
di jendela dan area pandang yang lebih kecil, target ketuk yang terlalu kecil, konten yang tidak dapat dibaca, scroll
yang tidak lancar… Buka beberapa halaman di situs, coba navigasi dan semua fungsi inti. Simpan
data.
Gambar, audio, dan video
Uji konten yang meluap, rasio aspek yang salah,
pemangkasan yang buruk, dan masalah kualitas.
Pengujian UI subjektif
Pengujian ini mungkin tidak semuanya relevan, tetapi perubahan sederhana dapat mempermudah pemfaktoran ulang:
- Apakah 'Apa yang dapat saya lakukan di sini?' langsung jelas saat Anda membuka situs?
- Apakah Anda tertarik untuk mengonsumsi konten dan mengikuti link?
- Apakah ada hierarki atau jalur visual — atau apakah semuanya memiliki bobot visual yang sama?
- Apakah tata letaknya berantakan?
- Apakah ada terlalu banyak font?
- Apakah ada gambar atau konten lain yang dapat dihapus?
- Desain konten sama pentingnya dengan desain antarmuka. Apakah konten teks dan gambar di situs Anda sesuai untuk konteks seluler dan desktop? Apakah ada yang dapat dihilangkan? Menulis untuk perangkat seluler.