Modern web, farklı cihazlar ve ağ bağlantısı türleri kullanan çok sayıda kişi tarafından kullanılıyor. İçerikleriniz dünyanın her yerindeki kullanıcılara ulaşabilir ancak tüm kullanıcılarınıza web'de güvenilir bir deneyim sunmak zor olabilir. Güvenilirliğin ne anlama geldiğini anlamak bile zor olabilir.
Çevrimdışıyken güvenilir
Güvenilirlik, web uygulamanızın ağ bağlantısı olmadan çalışıp çalışmayacağıyla ilgilidir. Bu, kullanıcıların bir uygulama mağazasından mobil cihaza yüklenen platforma özel uygulamalarda doğal olarak beklediği bir güvenilirlik türüdür. Bu uygulamalardan birinin simgesini gördüğünüzde, internete bağlı olup olmamanızdan bağımsız olarak simgeye dokunup bir deneyim açabilmeyi beklersiniz.
Yakın zamana kadar, ağ bağlantısı olmadan güvenilir web uygulamaları oluşturmak zorlu bir süreçti.
Güvenilir şekilde hızlı
Güvenilirlik konusunda düşünülmesi gereken bir diğer nokta da kullanıcılarınızın, idealin altında olabilecek bir ağ bağlantısı varken web uygulamanızın yeterince hızlı yüklenebileceğine güvenip güvenemeyeceğidir. Geri gelen kullanıcılar, hücresel bağlantı üzerinden web uygulamanızla etkileşimde bulunduklarında kablosuz bağlantı üzerinden etkileşimde bulundukları zamankiyle aynı deneyimi mi yaşayacak? Peki ya yüksek gecikmeli veya "lie-fi" bağlantısı olan kullanıcılar? Web uygulamanız bu senaryolarda bile güvenilir şekilde hızlı olacak mı?
En iyi koşullarda hızlı olmak yeterli değildir. Kullanıcılarınız, web uygulamanızın performansını tüm ağ koşullarındaki davranışına göre değerlendirir.
Güvenilirlik elde edilebilir
İyi haber ise modern web platformunun, güvenilir web uygulamaları oluşturmak için yapı taşları olarak kullanılabilecek service worker ve Cache Storage API gibi teknolojiler sunmasıdır. Bu API'ler, web uygulamanız ile ağ arasında yer alan kodlar yazmanıza olanak tanır. Çoğu durumda, ağı tamamen atlayabilir ve bunun yerine web uygulamanızın isteklerini karşılamak için daha önce önbelleğe alınmış içeriği kullanabilirsiniz.
Yol göstericiniz: Çevrimdışıyken 200 OK koduyla yanıt veriyor
Bir hizmet çalışanı oluşturmaya ve önbelleklerden içerik sunmaya başladıktan sonra bunu etkili bir şekilde yapıp yapmadığınızı anlamak zorlaşır. Uyguladığınız hizmet çalışanının, web uygulamanızın ağdan kaçınmasına gerçekten yardımcı olduğunu nasıl anlarsınız? Önbelleğe alma stratejinizde yapılan küçük bir değişikliğin, özenle hazırlanmış çevrimdışı deneyiminizi bozmasını nasıl önleyebilirsiniz?
Lighthouse, güvenilir bir web uygulaması oluştururken özellikle ilgi çekici olan bir test sunar: Çevrimdışıyken 200 OK yanıtı veriyor:
Burada aslında ne test ediliyor? Bu işlem, tarayıcınızda ağ bağlantısı kaybını simüle etme ve ardından sitenizde denetlenen URL'yi yükleme girişiminden oluşur. Bu test, kontrollü ve tekrarlanabilir bir işlem dizisi kullanarak güvenilir bir site oluşturmanın bir yönünü (çevrimdışı olduğunda güvenilir olma) test eder.
Bu bir yolculuktur
Yeni başlıyorsanız "Çevrimdışıyken 200 koduyla yanıt veriyor" kontrolü için olumsuz bir sonuç alma ihtimaliniz çok yüksektir. Sorun değil. Özelleştirilmiş bir başlangıç projesi kullanmıyorsanız web uygulamaları varsayılan olarak bu tür bir güvenilirliğe sahip değildir. Sonraki birkaç kılavuzda, web uygulamanızın ne yüklediğini belirlemek için gereken teknikler tanıtılacak ve bu yükleme deneyimini güvenilir hale getirmek için Lighthouse'u nasıl kullanacağınız öğretilecek.
Bu süreç boyunca Lighthouse denetimlerini tekrar tekrar çalıştırmanız önerilir. Yeni bir web uygulamasıyla başlayıp güvenilir bir progresif web uygulamasıyla sona eren yolculuğunuz boyunca size yol gösterirler.