Modern web, pek çok farklı cihaz ve ağ bağlantısı türü kullanarak çok sayıda kişi tarafından beğeniliyor. Yapımlarınız 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 zor olabilir.
Çevrimdışıyken güvenilir
Güvenilirlikle ilgili düşünme yöntemlerinden biri, web uygulamanızın bir ağ bağlantısı olmadan çalışıp çalışmayacağıdır. Bu, kullanıcıların bir uygulama mağazasından mobil cihaza yükledikleri platforma özgü uygulamalarla var olan bir güvenilirlik türüdür. Bu uygulamalardan biri için bir simge gördüğünüzde, o anda internete bağlı olup olmadığınızdan bağımsız olarak simgeye dokunup bir tür deneyim açmayı beklersiniz.
Yakın zamana kadar, bir ağ bağlantısı olmadan güvenilir web uygulamaları oluşturmak zorlu bir işti.
Güvenilir ve hızlı
Güvenilirlikle ilgili düşünmenin bir başka yolu da, kullanıcılarınızın ideal altında olmayabilecek bir ağ bağlantısına sahip olduğunda web uygulamanızın yeterince yüksek bir hızda yüklenmesine güvenip güvenmemesidir. Geri gelen kullanıcıların web uygulamanızla etkileşimde bulunma deneyimi, hücresel bağlantı üzerinde kablosuz ağa bağlıyken yaptıklarıyla aynı olacak mı? Peki ya yüksek gecikmeli veya "lie-fi" bağlantısına sahip kullanıcılar. Bu senaryolarda bile web uygulamanız 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ında nasıl davrandığı açısından görür.
Güvenilirlik ulaşılabilir
Neyse ki modern web platformu, güvenilir web uygulamaları oluşturmak için yapı taşları işlevi gören Service Worker ve Cache Storage API gibi teknolojiler sunuyor. Bunlar, web uygulamanız ve ağ arasında yer alan kod yazmanıza olanak tanır. Çoğu durumda, ağı tamamen atlayabilir ve bunun yerine web uygulamanızın isteklerini yerine getirmek için daha önce önbelleğe alınmış içeriği kullanabilirsiniz.
Yol gösterici ışığınız: Çevrimdışıyken 200 OK ile yanıt verir
Service Worker oluşturmaya ve önbelleklerden içerik sunmaya başladıktan sonra bunu etkili bir şekilde yapıp yapmadığınızı bilmek zordur. Uyguladığınız hizmet çalışanının, web uygulamanızın ağdan kaçınmasına gerçekten yardımcı olup olmadığını nasıl anlarsınız? Önbelleğe alma stratejinizdeki küçük bir değişikliğin, özenle hazırlanmış çevrimdışı deneyiminizi bozmasını nasıl önleyebilirsiniz?
Lighthouse, güvenilir bir web uygulaması geliştirirken özellikle ilgilenilen özel bir test sağlar: Çevrimdışı durumdayken 200 OK ile yanıt verir:
Burada test edilen şey nedir? Önce tarayıcınızda ağ bağlantısı kaybının simülasyonunu yapmak, ardından sitenizdeki hangi URL'nin denetlendiğini yüklemek için bir deneme yapmaktır. Bu, kontrollü ve tekrarlanabilir bir işlem dizisi kullanarak güvenilir bir site oluşturmanın bir yönünü (çevrimdışıyken güvenilir olma) test eder.
Bu bir yolculuk
Yeni başlıyorsanız, çevrimdışıyken 200 yanıtı ile Yanıtlar için olumsuz bir sonuç alma olasılığınız çok yüksektir. Tamam. Özelleştirilmiş bir başlangıç projesi kullanmadığınız sürece web uygulamaları varsayılan olarak bu tür bir güvenilirliğe sahip değildir. Sıradaki birkaç kılavuzda, web uygulamanızın ne yüklediğini tanımlamak için ihtiyacınız olan teknikler tanıtılacak ve bu yükleme deneyimini güvenilir hale getirmek için Lighthouse'u nasıl kullanacağınız öğretilecektir.
Bu süreç boyunca Lighthouse denetimlerini yeniden yürütmeye devam etmeniz önerilir. Yeni bir web uygulamasıyla başlayıp güvenilir bir progresif web uygulamasıyla sona eren bu kılavuzlar, yolculuğunuz boyunca size yol gösterir.