วิธีติดตั้งและตั้งค่า CDN ให้เว็บไซต์ WordPress

CDN (Content Delivery Network) ช่วยส่งไฟล์ของเว็บไซต์จากจุดให้บริการที่อยู่ใกล้ผู้เข้าชมมากขึ้น เช่น รูปภาพ ไฟล์ CSS และ JavaScript จึงอาจช่วยลดเวลาส่งข้อมูล โดยเฉพาะเมื่อเว็บไซต์มีผู้เข้าชมจากหลายพื้นที่

การเปิด CDN ไม่ได้ทำให้เว็บไซต์เร็วขึ้นโดยอัตโนมัติ หากตั้งค่า DNS, SSL หรือแคชไม่เหมาะสม อาจทำให้เว็บเข้าไม่ได้หรือแสดงข้อมูลเก่าได้ แนวทางของ ComSiam คือสำรองค่าก่อนเริ่ม ตั้งค่าตามผู้ให้บริการที่เลือก และทดสอบเว็บไซต์หลังเปิดใช้งานทีละขั้น

❶ เตรียมเว็บไซต์ก่อนติดตั้ง CDN

ก่อนเริ่ม ให้ตรวจว่าเว็บไซต์เปิดใช้งาน HTTPS ได้ตามปกติ และใบรับรอง SSL ของเซิร์ฟเวอร์ต้นทางยังใช้งานได้ หาก CDN เชื่อมต่อกับเซิร์ฟเวอร์ผ่าน HTTPS แต่ต้นทางมีปัญหา SSL อาจเกิดข้อผิดพลาดเมื่อผู้เข้าชมเปิดเว็บ

① สำรองข้อมูล DNS ปัจจุบัน

บันทึกรายการ DNS เดิมไว้ เช่น A, CNAME, MX และ TXT เพื่อให้ตรวจสอบหรือกู้คืนได้ หากมีการเปลี่ยนค่าผิดพลาด

② ตรวจอีเมลที่ใช้โดเมนเดียวกับเว็บไซต์

เว็บไซต์และอีเมลอาจใช้ DNS ของโดเมนเดียวกัน อย่าแก้หรือลบระเบียน MX และ TXT ที่ใช้กับอีเมล ระบบยืนยันโดเมน หรือบริการอื่นโดยไม่ทราบหน้าที่

③ จดข้อมูลเว็บไซต์ที่ต้องทดสอบ

เตรียม URL ของหน้าแรก หน้าบทความ แบบฟอร์ม และหน้าสำคัญอื่นไว้ เพื่อตรวจหลังเปิด CDN

❷ เพิ่มโดเมนในบริการ CDN

สมัครหรือเข้าสู่ระบบบริการ CDN ที่เลือก แล้วเพิ่มชื่อโดเมนของเว็บไซต์ ผู้ให้บริการจะตรวจระเบียน DNS ที่มีอยู่และแนะนำวิธีเชื่อมต่อ ซึ่งอาจใช้การเปลี่ยนเนมเซิร์ฟเวอร์ การกำหนด DNS records หรือวิธีเชื่อมต่อแบบอื่น

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

❸ ตรวจและเปลี่ยน DNS อย่างระมัดระวัง

หากผู้ให้บริการให้เปลี่ยนเนมเซิร์ฟเวอร์ ให้ตรวจระเบียนเดิมทั้งหมดก่อน เพื่อให้เว็บไซต์และอีเมลยังทำงานได้ หากให้แก้เฉพาะ A หรือ CNAME ให้เปลี่ยนเฉพาะรายการที่เกี่ยวข้องกับเว็บไซต์

① ตรวจระเบียนเว็บไซต์

ตรวจว่าชื่อโดเมนหลักและซับโดเมนที่ใช้กับเว็บไซต์ชี้ไปยังปลายทางที่ผู้ให้บริการ CDN กำหนด

② เก็บระเบียนอีเมลไว้

อย่าลบหรือเปลี่ยน MX, SPF, DKIM และ TXT ที่เกี่ยวข้องกับอีเมลหรือการยืนยันบริการ เว้นแต่ผู้ให้บริการอีเมลหรือ CDN ระบุให้แก้ไขอย่างชัดเจน

③ รอให้ DNS อัปเดต

หลังเปลี่ยนค่า DNS อาจใช้เวลาสักระยะกว่าการเปลี่ยนแปลงจะมีผลครบทุกเครือข่าย ระหว่างนี้ควรหลีกเลี่ยงการเปลี่ยนค่าซ้ำหลายครั้งโดยไม่ตรวจสอบก่อน

❹ ตั้งค่า SSL/TLS ระหว่าง CDN กับเซิร์ฟเวอร์

ตั้งค่าการเชื่อมต่อ HTTPS ให้ครอบคลุมทั้งระหว่างผู้เข้าชมกับ CDN และระหว่าง CDN กับเซิร์ฟเวอร์ต้นทาง หากเซิร์ฟเวอร์มีใบรับรอง SSL ที่ถูกต้อง ควรเลือกโหมดที่ตรวจสอบการเชื่อมต่อ HTTPS กับต้นทางได้อย่างปลอดภัย ตามตัวเลือกของผู้ให้บริการ

หลังตั้งค่า ให้ตรวจว่าหน้าเว็บเปิดด้วย HTTPS โดยไม่มีคำเตือน และไม่มีการวนเปลี่ยนเส้นทางระหว่าง HTTP กับ HTTPS หากพบข้อผิดพลาด ให้ตรวจใบรับรอง SSL ที่เซิร์ฟเวอร์และการตั้งค่าของ CDN ก่อนเปลี่ยนค่าอื่น

❺ ตั้งกฎแคชให้เหมาะกับ WordPress

เริ่มจากแคชไฟล์คงที่ เช่น รูปภาพ ไฟล์ CSS และ JavaScript ก่อน ส่วนการแคชหน้าเว็บควรตั้งอย่างระมัดระวัง เพราะ WordPress อาจแสดงข้อมูลต่างกันตามสถานะการเข้าสู่ระบบหรือการกระทำของผู้ใช้

① อย่าแคชข้อมูลส่วนตัว

หน้าบัญชีผู้ใช้ หน้าตะกร้าสินค้า และขั้นตอนชำระเงินของร้านค้าไม่ควรถูกส่งเป็นหน้าเดียวกันให้ผู้ใช้ทุกคน

② กำหนดการหมดอายุของแคช

เลือกช่วงเวลาเก็บแคชตามประเภทเนื้อหา ไฟล์ที่เปลี่ยนไม่บ่อยอาจเก็บได้นานกว่า ส่วนหน้าที่แก้ไขบ่อยควรจัดการให้ล้างหรืออัปเดตได้สะดวก

③ ตรวจการล้างแคชเมื่อแก้เว็บไซต์

ดูว่าหลังแก้บทความ รูปภาพ หรือไฟล์เว็บไซต์แล้ว สามารถล้างแคชจากระบบ CDN ได้อย่างไร หากใช้ปลั๊กอิน WordPress ร่วมด้วย ให้เข้าใจว่าปลั๊กอินล้างแคชในระบบใดบ้าง

❻ เชื่อม CDN กับ WordPress เมื่อจำเป็น

การเชื่อมต่อ CDN บางรูปแบบทำงานผ่าน DNS โดยไม่ต้องเปลี่ยนค่า URL ใน WordPress ส่วนบางบริการอาจมีปลั๊กอินสำหรับล้างแคช จัดการไฟล์ หรือเชื่อมฟังก์ชันเพิ่มเติม

① ตรวจวิธีเชื่อมต่อก่อนติดตั้งปลั๊กอิน

อ่านคำแนะนำสำหรับโดเมนและบริการที่เลือก หาก CDN ทำงานผ่าน DNS อยู่แล้ว อาจไม่ต้องติดตั้งปลั๊กอินเพื่อเปลี่ยน URL ของไฟล์ทุกชนิด

② ใช้ปลั๊กอินเฉพาะหน้าที่จำเป็น

หากต้องใช้ปลั๊กอิน ให้ตรวจว่ามีฟังก์ชันซ้ำกับปลั๊กอินแคชหรือระบบโฮสติ้งหรือไม่ เปิดเฉพาะส่วนที่ต้องใช้ และทดสอบการแสดงผลหลังตั้งค่า

③ อย่าเปลี่ยน URL เว็บไซต์โดยไม่จำเป็น

หลีกเลี่ยงการแก้ที่อยู่ WordPress หรือ URL ของเว็บไซต์ เพียงเพราะกำลังติดตั้ง CDN เว้นแต่คู่มือของบริการที่ใช้ระบุขั้นตอนนั้นโดยตรง

❼ ทดสอบเว็บไซต์หลังเปิด CDN

เมื่อผู้ให้บริการยืนยันว่าเชื่อมต่อสำเร็จ ให้ตรวจเว็บไซต์จากเบราว์เซอร์ปกติและหน้าต่างส่วนตัว ตรวจทั้งหน้าเว็บและการทำงาน ไม่ใช่ดูแค่หน้าแรก

① ตรวจ HTTPS และการเปลี่ยนเส้นทาง

เปิดโดเมนหลักและซับโดเมนที่ใช้งาน ตรวจว่าไม่มีคำเตือน SSL หรือการวนเปลี่ยนเส้นทาง

② ตรวจรูปภาพและไฟล์ตกแต่ง

เปิดหน้าบทความและหน้าอื่นที่มีรูปภาพ ตรวจว่าไฟล์ภาพ CSS และ JavaScript แสดงครบ

③ ทดสอบแบบฟอร์มและฟังก์ชันสำคัญ

ทดลองส่งแบบฟอร์ม เปิดเมนู เข้าสู่ระบบ และทดสอบตะกร้าสินค้าหากมี

④ ตรวจอีเมลของโดเมน

หากโดเมนใช้รับส่งอีเมล ให้ทดลองส่งและรับอีเมลหลังเปลี่ยน DNS เพื่อยืนยันว่าระเบียนอีเมลยังถูกต้อง

❽ ล้างแคชและแก้ปัญหาที่พบบ่อย

หากแก้หน้าเว็บแล้วแต่ยังเห็นข้อมูลเก่า ให้ล้างแคชจาก WordPress โฮสติ้ง และ CDN ตามระบบที่ใช้งาน จากนั้นเปิดหน้าเว็บในหน้าต่างส่วนตัวเพื่อตรวจซ้ำ

ComSiam แนะนำให้บันทึกค่า DNS ก่อนแก้ไข หากเว็บเข้าไม่ได้หลังเปิด CDN ให้ตรวจระเบียนโดเมน การเชื่อมต่อ HTTPS และสถานะเซิร์ฟเวอร์ต้นทางทีละส่วน อย่าเปลี่ยน DNS ซ้ำหรือปิด SSL โดยไม่ทราบสาเหตุ

ปัญหาที่พบบ่อย ได้แก่ ระเบียนอีเมลหาย ใบรับรอง SSL ที่ต้นทางไม่ถูกต้อง แคชหน้าเฉพาะผู้ใช้ หรือ URL ของไฟล์ถูกเปลี่ยนผิดตำแหน่ง ให้ย้อนตรวจเฉพาะค่าที่เพิ่งเปลี่ยนและทำตามคำแนะนำของบริการที่ใช้อยู่

สรุป: ติดตั้ง CDN โดยตรวจ DNS, SSL และแคชให้ครบ

การติดตั้ง CDN สำหรับ WordPress เริ่มจากสำรอง DNS ตรวจ SSL เพิ่มโดเมน และเปลี่ยนเฉพาะระเบียนที่ผู้ให้บริการกำหนด จากนั้นตั้งกฎแคชให้เหมาะกับเนื้อหาและยกเว้นหน้าที่มีข้อมูลส่วนตัว

หลังเปิดใช้งาน ให้ทดสอบ HTTPS รูปภาพ แบบฟอร์ม ระบบเข้าสู่ระบบ และอีเมลของโดเมน การตรวจทีละขั้นช่วยให้ ComSiam เปิดใช้ CDN ได้โดยลดความเสี่ยงที่เว็บไซต์หรือบริการอื่นซึ่งใช้โดเมนเดียวกันจะหยุดทำงาน