การเปลี่ยนหน้าอย่างรวดเร็วเป็นกุญแจสำคัญในการที่ผู้ใช้รับรู้ถึงประสิทธิภาพของ Progressive Web App (PWA) การเปลี่ยนควรจะดำเนินไปอย่างรวดเร็วแม้ในเครือข่ายที่ช้า
การแนะนำวิดีโอ
หากต้องการค้นหาการเปลี่ยนหน้าที่ช้า ให้ไปยังส่วนต่างๆ ของเว็บแอปโดยใช้เครือข่ายจำลองที่ช้า โดยทำตามขั้นตอนต่อไปนี้ใน Chrome
[ความคิดเห็น]: <> (2 รายการแรกเป็นรหัสย่อจาก web.dev แต่ไม่ได้แปลจากภาษาอังกฤษเป็นภาษาใด)
1. กด Control+Shift+J (หรือ Command+Option+J ใน Mac) เพื่อเปิดเครื่องมือสำหรับนักพัฒนาเว็บ
2. คลิกแท็บเครือข่าย
3. ในรายการแบบเลื่อนลงการควบคุม ให้เลือก 3G ช้า
ทุกครั้งที่แตะลิงก์หรือปุ่มในแอป ให้ตรวจสอบว่าหน้าเว็บตอบสนองทันทีด้วยวิธีใดวิธีหนึ่งต่อไปนี้
- หน้าเว็บจะเปลี่ยนไปยังหน้าจอถัดไปทันทีและแสดงหน้าจอการโหลดขณะที่รอเนื้อหาจากเครือข่าย
- หน้าเว็บจะแสดงสัญญาณบอกสถานะการโหลดขณะที่แอปกำลังรอการตอบสนองจากเครือข่าย
หากคุณกำลังใช้งานแอปแบบหน้าเดียวที่แสดงผลโดยไคลเอ็นต์ ให้เปลี่ยนผู้ใช้ไปยังหน้าถัดไปทันทีและแสดงหน้าจอโครงกระดูก อย่าลืมแสดงเนื้อหาที่พร้อมใช้งานอยู่แล้วทันที เช่น ชื่อหน้าหรือภาพขนาดย่อ ขณะที่เนื้อหาที่เหลือกำลังโหลด