Anda mungkin pernah mendengar tentang manfaat yang dapat diberikan teknik Progressive Web App (PWA) untuk situs Anda. Anda mungkin tergoda untuk menambahkan fitur PWA tanpa meningkatkan dasar performa situs Anda. Namun, tidak ada fitur PWA yang dapat memperbaiki masalah pemblokiran JavaScript dan gambar yang terlalu besar.
Sebagai gantinya, langkah pertama Anda adalah melakukan audit situs, yaitu peninjauan objektif terhadap hal-hal yang berfungsi dengan baik dan hal-hal yang dapat ditingkatkan.
Mengaudit situs atau aplikasi membantu Anda membangun pengalaman yang tangguh dan berperforma tinggi. Selain itu, soroti hasil cepat yang dapat diterapkan dengan persetujuan minimal. Audit membuat tolok ukur untuk pengembangan berbasis data. Apakah perubahan membuat semuanya lebih baik? Bagaimana perbandingan situs Anda dengan situs pesaing? Anda mendapatkan metrik untuk memprioritaskan upaya, dan bukti konkret untuk dibanggakan setelah Anda melakukan peningkatan.
Hanya dengan 5 menit
Jalankan Lighthouse di halaman beranda Anda dan simpan data laporan. Anda mendapatkan tolok ukur yang terkuantifikasi dan daftar tugas untuk meningkatkan performa, aksesibilitas, keamanan, dan SEO.
Hanya dengan 30 menit
Lighthouse mungkin masih menjadi tempat terbaik untuk memulai, tetapi jika memiliki lebih banyak waktu, Anda juga dapat merekam hasil dari alat lain:
- Panel Keamanan Chrome DevTools: Penggunaan HTTPS.
- Panel permintaan Jaringan Chrome DevTools: waktu pemuatan; ukuran resource dan jumlah permintaan untuk HTML, CSS, JavaScript, gambar, font, dan file lainnya.
- Pengelola Tugas Chrome: Jika situs Anda secara rutin menggunakan CPU yang signifikan atau lebih banyak memori daripada aplikasi lain, Anda mungkin perlu memperbaiki kebocoran memori, menjalankan tugas, atau masalah pemuatan resource.
- WebPagetest: penyimpanan dalam cache, waktu ke byte pertama, penggunaan CDN.
- PageSpeed Insights: performa pemuatan, biaya data, dan penggunaan resource, termasuk data Laporan Pengalaman Pengguna Chrome yang menyoroti statistik performa di dunia nyata.
Pastikan untuk menguji situs Anda seperti yang dilihat oleh pengguna baru. Buka situs di Jendela Samaran (Pribadi), atau gunakan alat browser untuk menonaktifkan penyimpanan dalam cache dan menghapus penyimpanan. Hal ini memastikan bahwa setiap aset diambil dari jaringan, bukan dari cache lokal, sehingga Anda mendapatkan gambaran akurat tentang performa pemuatan pertama.
Tidak ada yang lebih baik daripada pengujian di dunia nyata. Pastikan untuk menguji situs Anda di perangkat dan dengan konektivitas yang mewakili pengguna Anda, dan simpan catatan pengalaman subjektif Anda.
Jika Anda bingung dengan alat
Lihat panduan kami: Cara Memikirkan Alat Kecepatan.
Jika tidak ada yang berhasil, gunakan Lighthouse untuk memeriksa:
- HTTPS: setiap situs harus mengirimkan semua aset melalui HTTPS.
- Setelan server: server web atau CDN Anda harus menggunakan kompresi dengan benar, menggunakan HTTP/2, dan menyertakan header yang sesuai agar browser Anda dapat menyimpan cache resource.
- Elemen skrip yang dapat dipindahkan ke bagian bawah halaman atau diberi atribut async atau defer.
- JavaScript dan library yang dapat dihapus.
- Kode yang tidak digunakan, seperti library CSS dan JavaScript.
- Peluang pengurangan ukuran piksel gambar.
- Perubahan format file yang akan meningkatkan ukuran gambar, seperti mengubah PNG menjadi JPG.
Audiens, pemangku kepentingan, konteks
Prioritas untuk memfaktorkan ulang bergantung pada audiens, konten, dan fungsi Anda. Siapa yang mengunjungi situs Anda? Mengapa dan bagaimana cara mereka menggunakannya? Berapa anggaran performa Anda?
Siapa pemangku kepentingan Anda, dan apa prioritas mereka? Hal ini memengaruhi cara Anda menyusun, menyajikan, dan membagikan data audit.
Jika Anda tidak dapat mengaudit seluruh situs, periksa analisis halaman untuk mendapatkan gambaran tentang area yang harus menjadi fokus. Rasio pentalan yang tinggi, waktu di halaman yang rendah, dan halaman keluar yang tidak terduga dapat menjadi indikator yang baik untuk mengetahui titik awal. Demikian pula metrik bisnis seperti biaya hosting, klik dan konversi iklan. Dapatkan ringkasan dari pemangku kepentingan tentang data yang penting bagi mereka.
Uji, rekam, perbaiki, ulangi
Mencatat status situs Anda sebelum melakukan perubahan apa pun, untuk menemukan masalah dan menetapkan titik awal untuk peningkatan atau regresi. Dengan begitu, Anda akan mendapatkan data untuk membenarkan dan menghargai upaya pengembangan.
Uji beberapa jenis halaman di situs Anda. Untuk aplikasi halaman tunggal, uji komponen, rute, dan alur UX, bukan hanya pengalaman pemuatan pertama.