ผู้คนจำนวนมากใช้เว็บสมัยใหม่ผ่านอุปกรณ์ต่างๆ และการเชื่อมต่อเครือข่ายประเภทต่างๆ ผลงานของคุณสามารถเข้าถึงผู้ใช้ทั่วโลกได้ แต่การมอบประสบการณ์การใช้งานบนเว็บที่เชื่อถือได้แก่ผู้ใช้ทั้งหมดอาจเป็นเรื่องท้าทาย การทำความเข้าใจความหมายของความน่าเชื่อถืออาจเป็นเรื่องยาก
เชื่อถือได้ขณะออฟไลน์
วิธีหนึ่งในการพิจารณาความน่าเชื่อถือคือการดูว่าเว็บแอปจะทำงานได้โดยไม่ต้องเชื่อมต่อเครือข่ายหรือไม่ ความน่าเชื่อถือประเภทนี้เป็นสิ่งที่ผู้ใช้คาดหวัง เมื่อติดตั้งแอปเฉพาะแพลตฟอร์มในอุปกรณ์เคลื่อนที่จาก App Store เมื่อเห็นไอคอนของแอปเหล่านี้ คุณจะคาดหวังว่าจะแตะไอคอนและเปิดประสบการณ์การใช้งานบางอย่างได้ ไม่ว่าคุณจะเชื่อมต่ออินเทอร์เน็ตอยู่หรือไม่ก็ตาม
ก่อนหน้านี้ การสร้างเว็บแอปพลิเคชันที่ เชื่อถือได้โดยไม่ต้องเชื่อมต่อเครือข่ายถือเป็นเรื่องท้าทาย
รวดเร็วอย่างสม่ำเสมอ
อีกวิธีหนึ่งในการพิจารณาความน่าเชื่อถือคือการดูว่าผู้ใช้สามารถพึ่งพา เว็บแอปของคุณให้โหลดด้วยความเร็วที่เร็วพอหรือไม่เมื่อมีการเชื่อมต่อเครือข่ายที่ อาจไม่ดีเท่าที่ควร ผู้ใช้ที่กลับมาจะได้รับประสบการณ์เดียวกันในการโต้ตอบกับเว็บแอปเมื่อใช้การเชื่อมต่อเครือข่ายมือถือหรือไม่ เมื่อเทียบกับตอนที่ใช้ Wi-Fi แล้วผู้ใช้ที่มีการเชื่อมต่อที่มีเวลาในการตอบสนองสูงหรือ "lie-fi" ล่ะ เว็บแอปของคุณจะทำงานได้อย่างรวดเร็วและเชื่อถือได้แม้ในสถานการณ์เหล่านั้นหรือไม่
การทำงานที่รวดเร็วในสถานการณ์ที่ดีที่สุดยังไม่เพียงพอ ผู้ใช้จะดูประสิทธิภาพของเว็บแอปผ่านมุมมองของลักษณะการทำงานในสภาพเครือข่ายทั้งหมด
ความน่าเชื่อถือเป็นสิ่งที่ทำได้
ข่าวดีคือแพลตฟอร์มเว็บสมัยใหม่มีเทคโนโลยีต่างๆ เช่น Service Worker และ Cache Storage API ซึ่ง สามารถใช้เป็นส่วนประกอบพื้นฐานในการสร้างเว็บแอปพลิเคชันที่เชื่อถือได้ ซึ่งจะ ช่วยให้คุณเขียนโค้ดที่อยู่ระหว่างเว็บแอปกับเครือข่ายได้ ในหลายกรณี คุณสามารถข้ามเครือข่ายไปได้ทั้งหมด และใช้เนื้อหาที่แคชไว้ก่อนหน้านี้แทนเพื่อตอบสนองคำขอของเว็บแอป
ไฟนำทาง: ตอบสนองด้วยรหัส 200 OK ขณะออฟไลน์
เมื่อเริ่มสร้าง Service Worker และแสดงเนื้อหาจากแคชแล้ว ก็ยากที่จะรู้ว่าคุณทำได้อย่างมีประสิทธิภาพหรือไม่ คุณจะรู้ได้อย่างไรว่า Service Worker ที่คุณใช้ช่วยให้เว็บแอปหลีกเลี่ยงเครือข่ายได้จริงๆ คุณจะป้องกันไม่ให้การเปลี่ยนแปลงเล็กๆ น้อยๆ ในกลยุทธ์การแคชทำให้ประสบการณ์การใช้งานแบบออฟไลน์ที่สร้างขึ้นอย่างพิถีพิถันเสียหายได้อย่างไร
Lighthouse มีการทดสอบเฉพาะอย่างหนึ่งที่น่าสนใจเป็นพิเศษเมื่อสร้างเว็บแอปที่เชื่อถือได้ ดังนี้ ตอบสนองด้วยรหัส 200 OK ขณะออฟไลน์:
เรากำลังทดสอบอะไรกันแน่ ซึ่งก็คือการจำลองการสูญเสียการเชื่อมต่อเครือข่าย ภายในเบราว์เซอร์ ตามด้วยการพยายามโหลด URL ใดก็ตาม ในเว็บไซต์ที่กำลังตรวจสอบ การทดสอบนี้จะทดสอบแง่มุมหนึ่งของการสร้างเว็บไซต์ที่เชื่อถือได้ นั่นคือเชื่อถือได้ขณะออฟไลน์ โดยใช้ลำดับการดำเนินการที่ควบคุมได้และทำซ้ำได้
มันคือการเดินทาง
หากคุณเพิ่งเริ่มต้น มีโอกาสสูงที่คุณจะได้รับผลลัพธ์เชิงลบสำหรับการตรวจสอบ "ตอบสนองด้วยรหัส 200 ขณะออฟไลน์" ไม่เป็นไร เว็บแอปพลิเคชันจะไม่มีความน่าเชื่อถือประเภทนั้นโดยค่าเริ่มต้น เว้นแต่คุณจะใช้โปรเจ็กต์เริ่มต้นที่ปรับแต่งแล้ว คำแนะนำ 2-3 รายการถัดไปจะแนะนำเทคนิคที่คุณต้องใช้เพื่อระบุว่าเว็บแอปกำลังโหลดอะไรอยู่ และสอนวิธีใช้ Lighthouse เพื่อให้ประสบการณ์การโหลดนั้นเชื่อถือได้
ตลอดกระบวนการนี้ เราขอแนะนำให้คุณเรียกใช้การตรวจสอบ Lighthouse อีกครั้ง ซึ่งจะเป็นแนวทางตลอดเส้นทางของคุณ เริ่มต้นด้วยเว็บแอปพลิเคชันใหม่ และสิ้นสุดด้วย Progressive Web App ที่เชื่อถือได้