การเปลี่ยนหน้าไม่รู้สึกว่าถูกบล็อกบนเครือข่าย
bookmark_borderbookmark
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
การเปลี่ยนหน้าอย่างรวดเร็วเป็นกุญแจสำคัญในการที่ผู้ใช้รับรู้ถึงประสิทธิภาพของ Progressive Web App (PWA)
การเปลี่ยนควรจะดำเนินไปอย่างรวดเร็วแม้ในเครือข่ายที่ช้า
การแนะนำวิดีโอ
หากต้องการค้นหาการเปลี่ยนหน้าที่ช้า
ให้ไปยังส่วนต่างๆ ของเว็บแอปโดยใช้เครือข่ายจำลองที่ช้า โดยทำตามขั้นตอนต่อไปนี้ใน Chrome
[ความคิดเห็น]: <> (2 รายการแรกเป็นรหัสย่อจาก web.dev แต่ไม่ได้แปลจากภาษาอังกฤษเป็นภาษาใด)
1. กด Control+Shift+J
(หรือ Command+Option+J
ใน Mac) เพื่อเปิดเครื่องมือสำหรับนักพัฒนาเว็บ
2. คลิกแท็บเครือข่าย
3. ในรายการแบบเลื่อนลงการควบคุม ให้เลือก 3G ช้า
ทุกครั้งที่แตะลิงก์หรือปุ่มในแอป
ให้ตรวจสอบว่าหน้าเว็บตอบสนองทันทีด้วยวิธีใดวิธีหนึ่งต่อไปนี้
- หน้าเว็บจะเปลี่ยนไปยังหน้าจอถัดไปทันทีและแสดงหน้าจอการโหลดขณะที่รอเนื้อหาจากเครือข่าย
- หน้าเว็บจะแสดงสัญญาณบอกสถานะการโหลดขณะที่แอปกำลังรอการตอบสนองจากเครือข่าย
หากคุณกำลังใช้งานแอปแบบหน้าเดียวที่แสดงผลโดยไคลเอ็นต์ ให้เปลี่ยนผู้ใช้ไปยังหน้าถัดไปทันทีและแสดงหน้าจอโครงกระดูก
อย่าลืมแสดงเนื้อหาที่พร้อมใช้งานอยู่แล้วทันที เช่น ชื่อหน้าหรือภาพขนาดย่อ ขณะที่เนื้อหาที่เหลือกำลังโหลด
แหล่งข้อมูล
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2024-04-16 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2024-04-16 UTC"],[],[]]