คู่มือนี้แสดงวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อทำสิ่งต่อไปนี้
- ทดสอบว่าคุณเพิ่มประสิทธิภาพหน้าเว็บสำหรับการโหลดทันทีหรือไม่เมื่อใช้ปุ่มย้อนกลับและไปข้างหน้าของเบราว์เซอร์
- ระบุปัญหาที่อาจทำให้หน้าเว็บของคุณไม่มีสิทธิ์สำหรับการแคชประเภทนี้
Back-Forward Cache (หรือ bfcache) คือการเพิ่มประสิทธิภาพเบราว์เซอร์ที่เปิดใช้การนำทางกลับและไปข้างหน้าแบบทันที สำหรับข้อมูลเพิ่มเติม โปรดดูที่แคชย้อนหลัง
ทดสอบแคชย้อนหลัง
หากต้องการทดสอบแคชย้อนหลัง ให้ทำตามขั้นตอนต่อไปนี้
ในหน้าเว็บ ให้เปิดเครื่องมือสำหรับนักพัฒนาเว็บ แล้วไปที่แอปพลิเคชัน > บริการในเบื้องหลัง > แคชย้อนหลัง
คลิกทดสอบแคชย้อนหลัง
Chrome จะนำคุณไปยัง
chrome://terms/และกลับไปยังหน้าเว็บของคุณโดยอัตโนมัติหรือคุณสามารถคลิกปุ่มย้อนกลับและไปข้างหน้าของเบราว์เซอร์ได้
หาก Back-Forward Cache ทำงานกับหน้าเว็บของคุณได้โดยไม่มีปัญหา คุณจะเห็นข้อความต่อไปนี้
หรือจะเห็นรายการปัญหา
หากต้องการดูว่าปัญหาใดส่งผลต่อเฟรม ให้ขยายส่วนเฟรม
แก้ไขปัญหาที่ทำให้แคชไม่ได้
หากหน้าเว็บไม่มีสิทธิ์ใช้การแคชย้อนหลัง แท็บแคชย้อนหลังจะแสดงรายการพร้อมสาเหตุ 3 ประเภทดังนี้
- นำไปใช้ได้จริง คุณสามารถแก้ไขปัญหาเหล่านี้เพื่อเปิดใช้การแคชได้ เช่น หยุดใช้
unloadเหตุการณ์ - การสนับสนุนที่รอดำเนินการ Chrome ยังไม่รองรับฟีเจอร์เหล่านี้ จึงป้องกันการแคช อย่างไรก็ตาม Chrome จะนำข้อจำกัดเหล่านี้ออกเมื่อรองรับ
- ดำเนินการไม่ได้ คุณแก้ไขปัญหาเหล่านี้ในหน้านี้ไม่ได้ บางอย่างที่อยู่นอกเหนือการควบคุมของหน้าทำให้ไม่สามารถแคชได้
หากต้องการดูว่าเฟรมใดเป็นตัวบล็อก ให้ขยายส่วนที่เกี่ยวข้องใต้คำอธิบายของปัญหา
ปัญหาที่พบได้ทั่วไปซึ่งทำให้การแคชย้อนหลังไม่ได้
สาเหตุหลัก 2 ประการที่ทำให้ bfcache ไม่ทำงานมีดังนี้
ส่วนหัว
Cache-Control: no-storeขอแนะนำให้ใช้ค่าส่วนหัวนี้สำหรับหน้าที่มีข้อมูลส่วนบุคคล สำหรับหน้าที่คุณต้องการให้ใหม่พอสมควร ให้ใช้
no-cacheหรือระยะเวลาแคชสั้นๆ เช่นmax-age=60ตัวแฮนเดิลการยกเลิกการโหลดที่มีปัญหา
Chrome กำลังวางแผนที่จะเลิกใช้งานตัวแฮนเดิลยกเลิกการโหลด และแนะนำว่าไม่ควรใช้เหตุการณ์
unloadเพื่อให้มั่นใจว่าเว็บไซต์ไม่ได้ใช้เครื่องจัดการยกเลิกการโหลดและป้องกันไม่ให้ส่วนขยายเพิ่มเหตุการณ์
unloadให้ประกาศส่วนหัวการตอบกลับ HTTPPermissions-Policy: unload=()เป็นต้น