Web modern dinikmati oleh banyak orang, menggunakan berbagai perangkat dan jenis koneksi jaringan. Kreasi Anda dapat menjangkau pengguna di seluruh dunia, tetapi memberikan pengalaman yang andal di web untuk semua pengguna Anda bisa menjadi tantangan. Memahami arti keandalan saja bisa menjadi tantangan.
Dapat diandalkan saat offline
Salah satu cara untuk memikirkan keandalan adalah apakah aplikasi web Anda akan berfungsi tanpa koneksi jaringan. Ini adalah jenis keandalan yang dianggap remeh oleh pengguna dengan aplikasi khusus platform yang diinstal di perangkat seluler dari app store. Saat melihat ikon untuk salah satu aplikasi ini, Anda berharap dapat mengetuknya dan membuka semacam pengalaman, terlepas dari apakah Anda saat ini terhubung ke Internet atau tidak.
Hingga saat ini, membangun aplikasi web yang andal tanpa koneksi jaringan merupakan tantangan.
Cepat dan andal
Cara lain untuk memikirkan keandalan adalah apakah pengguna dapat mengandalkan pemuatan aplikasi web Anda dengan kecepatan yang cukup cepat saat mereka memiliki koneksi jaringan yang mungkin kurang ideal. Apakah pengguna yang kembali akan memiliki pengalaman yang sama saat berinteraksi dengan aplikasi web Anda saat mereka menggunakan koneksi seluler seperti saat mereka menggunakan Wi-Fi? Bagaimana dengan pengguna yang memiliki koneksi latensi tinggi, atau "lie-fi"? Apakah aplikasi web Anda akan tetap cepat dan andal bahkan dalam skenario tersebut?
Tidak cukup hanya cepat dalam kondisi terbaik. Pengguna akan melihat performa aplikasi web Anda dari sudut pandang perilakunya dalam semua kondisi jaringan.
Keandalan dapat dicapai
Kabar baiknya adalah platform web modern menyediakan teknologi—seperti service worker dan Cache Storage API—yang dapat berfungsi sebagai elemen penyusun untuk membuat aplikasi web yang andal. API ini memungkinkan Anda menulis kode yang berada di antara aplikasi web dan jaringan. Dalam banyak kasus, Anda dapat melewati jaringan sepenuhnya, dan sebagai gantinya menggunakan konten yang di-cache sebelumnya untuk memenuhi permintaan aplikasi web Anda.
Cahaya penuntun Anda: Merespons dengan 200 OK saat offline
Setelah Anda mulai membuat pekerja layanan dan menyajikan konten dari cache, sulit untuk mengetahui apakah Anda melakukannya secara efektif. Bagaimana Anda tahu bahwa service worker yang Anda terapkan benar-benar membantu aplikasi web Anda menghindari jaringan? Bagaimana cara mencegah perubahan kecil pada strategi caching merusak pengalaman offline yang Anda rancang dengan cermat?
Lighthouse menyediakan satu pengujian khusus yang sangat menarik saat membangun aplikasi web yang andal: Merespons dengan 200 OK saat offline:
Apa yang sebenarnya diuji di sini? Proses ini pada dasarnya adalah menyimulasikan hilangnya konektivitas jaringan dalam browser Anda, diikuti dengan upaya untuk memuat URL mana pun di situs Anda yang sedang diaudit. Pengujian ini menguji salah satu aspek dalam membangun situs yang andal, yaitu andal saat offline, menggunakan urutan tindakan yang terkontrol dan dapat diulang.
Ini adalah perjalanan
Jika Anda baru memulai, kemungkinan besar Anda akan mendapatkan hasil negatif untuk pemeriksaan Merespons dengan 200 saat offline. Tidak masalah. Kecuali jika Anda menggunakan project awal yang disesuaikan, aplikasi web tidak memiliki jenis keandalan tersebut secara default. Beberapa panduan berikutnya akan memperkenalkan teknik yang Anda perlukan untuk mengidentifikasi apa yang dimuat aplikasi web Anda, dan mengajarkan cara menggunakan Lighthouse untuk membuat pengalaman pemuatan tersebut menjadi andal.
Selama proses ini, Anda dianjurkan untuk terus menjalankan ulang audit Lighthouse. Mereka berfungsi sebagai panduan selama perjalanan Anda, dimulai dengan aplikasi web baru dan diakhiri dengan aplikasi web progresif yang andal.