วิธีเปิดและล้างแคชเบราว์เซอร์ (Disable Cache / Hard Reload)

วิธีเปิดและล้างแคชเบราว์เซอร์ (Disable Cache / Hard Reload)

การล้างแคชเป็นขั้นตอนสำคัญเมื่อเว็บไซต์ไม่อัปเดต หน้าเว็บแสดงผลผิดพลาด หรือไฟล์ CSS / JavaScript ยังเป็นเวอร์ชันเก่า โดยสามารถทำได้ง่ายผ่าน Developer Tools ตามขั้นตอนด้านล่าง

ขั้นตอนการปิดใช้งานแคช (Disable Cache)

1. เปิดเว็บไซต์ที่ต้องการตรวจสอบ
2. กดปุ่ม F12 หรือคลิกขวา → ตรวจสอบ (Inspect)
3. เลือกแท็บ Network (เครือข่าย)
4. ติ๊กถูกที่ Disable cache (ปิดใช้งานแคช)
5. กดปุ่มรีเฟรชหน้าเว็บ (Reload)

หมายเหตุ: ตัวเลือก Disable cache จะทำงานเฉพาะตอนที่ Developer Tools เปิดอยู่เท่านั้น

• เบราว์เซอร์จะไม่ใช้ไฟล์แคชเดิม
• โหลดไฟล์ใหม่จากเซิร์ฟเวอร์ทั้งหมด
• เหมาะสำหรับการทดสอบเว็บ และแก้ไขปัญหาเว็บไม่อัปเดต

วิธี Hard Reload (โหลดใหม่แบบไม่ใช้แคช)

1. เปิด Developer Tools (F12)
2. คลิกขวาที่ปุ่มรีเฟรชหน้าเว็บ
3. เลือก Empty Cache and Hard Reload

วิธีนี้จะล้างแคชของหน้านั้นทันที และโหลดข้อมูลใหม่จากเซิร์ฟเวอร์ 100% เหมาะสำหรับกรณีแก้ไขเว็บแล้วแต่หน้าเว็บยังไม่เปลี่ยน

ข้อควรทราบ

• Disable Cache ไม่ได้ลบแคชถาวร แต่เป็นการสั่งไม่ให้เบราว์เซอร์ใช้แคช
• เมื่อปิด Developer Tools แคชจะกลับมาทำงานตามปกติ
• แนะนำสำหรับนักพัฒนาเว็บไซต์ และผู้ดูแลระบบโฮสติ้ง

How to Disable and Clear Browser Cache (Hard Reload)

Clearing browser cache is essential when a website does not update correctly or old CSS / JavaScript files are still being loaded. You can force the browser to load fresh files using Developer Tools.

Disable Cache Steps

1. Open the target website
2. Press F12 or right-click → Inspect
3. Go to the Network tab
4. Check Disable cache
5. Reload the page

Note: Disable cache works only while Developer Tools is open.

Hard Reload Method

1. Open Developer Tools
2. Right-click the reload button
3. Select Empty Cache and Hard Reload

This method clears cached files and reloads all resources directly from the server. Recommended when website changes do not appear.