วิธีการติดตั้ง Cloudflare CDN บน WordPress

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

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

ในบทความนี้ ผมจะแสดงวิธีกำหนดค่า Cloudflare CDN บน WordPress ก่อนเริ่มกระบวนการตั้งค่า เรามาทำความเข้าใจว่า Cloudflare CDN คืออะไร และจะช่วยให้คุณเพิ่มประสิทธิภาพ Core Web Vitals ของคุณได้อย่างไร

Cloudflare CDN คืออะไร?

Cloudflare CDN เป็นหนึ่งใน CDN ที่ได้รับความนิยมมากที่สุดที่มีเครือข่ายครอบคลุมกว่า 200 เมือง ให้บริการเนื้อหาเว็บของเว็บไซต์ตามระยะทางทางภูมิศาสตร์ของผู้เข้าชมเว็บไซต์

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

มาดูฟีเจอร์ที่ Cloudflare CDN มีให้กัน

คุณลักษณะเด่นบางประการของ Cloudflare CDN

• การกำหนดเส้นทางอัจฉริยะ
• จัดส่งแบบสตรีม
• โหลดบาลานซ์
• เก็บเอาไว้
• การเพิ่มประสิทธิภาพ
• หน้ามือถือเร่ง

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

การกำหนดเส้นทางอัจฉริยะ

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

จัดส่งแบบสตรีม

การสตรีมสื่ออาจใช้เวลานานในการโหลด หากเข้าถึงจากอีกมุมหนึ่งของภูมิภาค เพื่อแก้ปัญหานี้ Cloudflare CDN ขอเสนอกลไกการแคชพิเศษเพื่อส่งไฟล์สตรีมในทันที

โหลดบาลานซ์

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

เก็บเอาไว้

Cloudflare บน WordPress นำเสนอกลไกการแคชขั้นสูงที่จะบันทึกเนื้อหาแบบคงที่ การล้างแคช และการแคชแบบแบ่งชั้นโดยอัตโนมัติ

เราพบว่าเว็บไซต์ทั่วไปใช้ทั้งเนื้อหาแบบไดนามิกและแบบคงที่ Cloudflare สามารถช่วยคุณประหยัดทั้ง CPU และแบนด์วิดท์ของเว็บโฮสติ้งของคุณโดยใช้เซิร์ฟเวอร์ของตัวเองสำหรับเนื้อหา Cloudflare บน WordPress สามารถลดเวลาแฝงของผู้ใช้ปลายทางและปรับปรุงประสบการณ์ผู้ใช้โดยรวม

อ่านเพิ่มเติม: วิธีใช้ Cloudflare CDN กับ W3 Total Cache Plugin

การเพิ่มประสิทธิภาพ

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

Cloudflare ได้รับการออกแบบมาเพื่อมอบประสบการณ์เว็บที่รวดเร็วและเพิ่มประสิทธิภาพลำดับของทรัพยากรของเพจ

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

หน้ามือถือเร่ง

Accelerated Mobile Pages เป็นเทคนิคในการโหลดหน้าเว็บบนอุปกรณ์มือถือได้เร็วขึ้นเมื่อค้นหาจากเครื่องมือค้นหาบนมือถือของ Google ผู้ใช้จำนวนมากขึ้นเรื่อยๆ ใช้อุปกรณ์เคลื่อนที่เพื่อท่องอินเทอร์เน็ต

ลิงก์มือถือที่เร่งความเร็วของ Cloudflare CDN นั้นขับเคลื่อนโดย AMP และโหลดหน้าเว็บที่เปิดใช้งาน AMP ภายในหน้าต่างการดูได้เร็วกว่าหน้ามือถือมาตรฐานถึงสามเท่า

Cloudflare มีตัวเลือกมากมาย เช่น CDN การเพิ่มประสิทธิภาพโฆษณา การรักษาความปลอดภัย DDoS การวิเคราะห์ และอื่นๆ อีกมากมาย พวกเขายังเสนอแผนฟรีที่คุณสามารถใช้ได้ก่อนซื้อแผนชำระเงิน

การตั้งค่า Cloudflare CDN ใน WordPress

Cloudflare มีตัวเลือกมากมาย เช่น CDN การเพิ่มประสิทธิภาพโฆษณา การรักษาความปลอดภัย DDoS การวิเคราะห์ และอื่นๆ นอกจากแผนฟรีแล้ว พวกเขายังมีแผนพรีเมียมหลายแผนซึ่งคุณจะมีคุณสมบัติที่ทรงพลังกว่า

MaxCDN และ Cloudflare เป็นผู้ให้บริการ CDN สองรายที่ใช้กันอย่างแพร่หลายโดยผู้ใช้ WordPress ในบทช่วยสอนนี้ ฉันจะแบ่งปันวิธีการติดตั้ง Cloudflare บนเว็บไซต์ WordPress ที่โฮสต์บน Cloudways

ขั้นตอนที่ 1: การสมัคร Cloudflare

ขั้นแรก คุณต้องสร้างบัญชีบน Cloudflare หากคุณมีอยู่แล้ว คุณสามารถข้ามขั้นตอนนี้ได้

ขั้นตอนที่ 2: การเพิ่ม URL ของไซต์

เมื่อคุณสมัครใช้งาน Cloudflare หน้าจอใหม่จะปรากฏขึ้นซึ่งคุณจะต้องระบุโดเมนของคุณและคลิก เพิ่มไซต์

ขั้นตอนที่ 3: เลือกแผน Cloudflare ของคุณ

เมื่อคุณเพิ่ม URL ของไซต์ Cloudflare จะถามเกี่ยวกับแผนที่คุณต้องการใช้ สำหรับบทช่วยสอนนี้ ฉันจะใช้แผนฟรี

ขั้นตอนที่ 4: ตรวจสอบระเบียน DNS

ขั้นตอนต่อไปคือการตรวจสอบระเบียน DNS ของคุณและตรวจสอบว่ามีการกำหนดค่าอย่างถูกต้องหรือไม่ ที่นี่ Cloudflare จะดึงการกำหนดค่า DNS ทั้งหมดจากผู้รับจดทะเบียนโดเมนของคุณ และในกรณีของฉัน มีเพียงสองระเบียน DNS (ประเภท A) ตรวจสอบบันทึกของคุณและคลิก ดำเนินการต่อ

ขั้นตอนที่ 5: เปลี่ยน NameServer ของคุณ

ดังที่คุณเห็นในภาพด้านล่าง คุณต้องเปลี่ยนเนมเซิร์ฟเวอร์ของผู้รับจดทะเบียนโดเมนของคุณและแทนที่ด้วยเซิร์ฟเวอร์ที่ Cloudflare ให้ไว้

ขั้นตอนที่ 6: เปลี่ยน NameServer ของคุณจาก Domain Registrar

ตอนนี้ ให้เปิดบริษัทรับจดทะเบียนโดเมนของคุณและเปลี่ยนเนมเซิร์ฟเวอร์ โดเมนของฉันใช้กับ Freenom และฉันได้เปลี่ยนเนมเซิร์ฟเวอร์เรียบร้อยแล้ว

ขั้นตอนที่ 7: Cloudflare Quick Start Guide

เมื่อคุณเปลี่ยนเนมเซิร์ฟเวอร์แล้ว ให้กลับไปที่แท็บการตั้งค่า Cloudflare CDN คลิก เสร็จสิ้น และ ตรวจสอบเนมเซิร์ฟเวอร์ คุณจะเห็นป๊อปอัป หน้าจอคู่มือการเริ่มต้นฉบับย่อ

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

ถัดไปในกระบวนการคือ Optimize Performance และยังมีส่วนย่อยสองส่วน ย่อขนาด อัตโนมัติ และ Brotli ส่วนย่ออัตโนมัติคือส่วนการลดขนาด HTML, JS และ CSS ที่จะช่วยให้คุณเพิ่มความเร็วไซต์ WordPress ของคุณ ฉันกำลังเลือกตัวเลือกทั้งหมดสำหรับการลดขนาดอัตโนมัติ และสำหรับ Brotli ฉันจะใช้การตั้งค่าเริ่มต้น

หมายเหตุ: หากคุณเลือกการลดขนาดบน Cloudflare ให้หลีกเลี่ยงใน Breeze หรือปลั๊กอิน Cache อื่นๆ ทำไม? การเปิดใช้งานการลดขนาดทั้งสองด้านจะทำให้เกิดปัญหา และขอแนะนำให้ใช้ทีละรายการ

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

คุณจะได้รับการแจ้งเตือนต่อไปนี้ในแดชบอร์ด Cloudflare ของคุณ “ ข่าวดี! Cloudflare กำลังปกป้องเว็บไซต์ของคุณ ” สถานะจะเปลี่ยนเป็น "ใช้งานอยู่" และคุณสามารถใช้ตัวเลือกต่างๆ ในแผงด้านบนเพื่อกำหนดค่าความปลอดภัยและงานที่เกี่ยวข้องกับประสิทธิภาพต่างๆ

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

ขั้นตอนที่ 8: ตรวจสอบสถานะ Cloudflare CDN

หากคุณต้องการตรวจสอบว่า Cloudflare CDN ของคุณทำงานหรือไม่ ให้เปิดไซต์ WordPress ของคุณบนเบราว์เซอร์ใดก็ได้ > กด “ Ctrl + Shift + i ” > เครือข่าย จากนั้นรีเฟรชหน้าของคุณซึ่งคุณจะเห็นคำขอของเว็บไซต์ของคุณ คลิกหนึ่งในคำขอและตรวจสอบ “ cd-cache-status ” หากเป็น HIT แสดงว่า CDN ของคุณทำงานได้ดี

การเพิ่ม Let's Encrypt Certificates ไปยัง Cloudflare

ด้วย Cloudways คุณสามารถสร้างใบรับรอง SSL สำหรับไซต์ WordPress ของคุณโดยใช้ Let's Encrypt ไม่สามารถสร้างได้ในขณะที่เปิดใช้งาน Cloudflare บนโดเมนของคุณ ในการเปิดใช้งานใบรับรอง Let's Encrypt ให้ทำตามขั้นตอนด้านล่าง:

ขั้นตอนที่ 1: ลงชื่อเข้าใช้แดชบอร์ด Cloudflare ของคุณและใต้แท็บ DNS ให้ปิดใช้งานทั้งตัวเลือก www และ yourdomain.com โดยเปลี่ยนสถานะพร็อกซีเป็น DNS เท่านั้น เมฆสีเทาหมายความว่าบริการถูกปิดใช้งาน

ขั้นตอนที่ 2: ไปที่ Cloudways แอพลิเคชันของคุณจัดการแผงใบรับรอง SSL ป้อนที่อยู่อีเมลของคุณ> ชื่อโดเมนและคลิกติดตั้งใบรับรอง

ขั้นตอนที่ 3: ตอนนี้ ไปที่ แผงการจัดการเซิร์ฟเวอร์ ของคุณ > การตั้งค่าและแพ็คเกจ > แท็บขั้นสูง และภายใต้ โมดูล WAF เลือก Cloudflare

ขั้นตอนที่ 4: กลับไปที่แดชบอร์ด Cloudflare และเปิดใช้งานตัวเลือกที่เราปิดใช้งานในขั้นตอนที่ 1

ขั้นตอนที่ 5: ถัดไป คลิกที่แท็บ SSL/TLS ที่ด้านบน และเปลี่ยน SSL เป็น Flexible Cloudflare อาจใช้เวลาถึง 24 ชั่วโมงในการเปิดใช้งานใบรับรอง อย่างไรก็ตาม หากคุณเคยใช้โดเมนเดิมมาก่อน โดเมนนั้นจะเปิดใช้งานทันที

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

ความคิดสุดท้าย

Cloudflare บน WordPress ปรับปรุงประสบการณ์ของผู้ใช้ที่เข้าชมไซต์ของคุณและบันทึกทรัพยากร CPU และแบนด์วิดท์อันมีค่าของเว็บเซิร์ฟเวอร์ของคุณ เป็น CDN ที่ได้รับการปรับแต่งอย่างสูงซึ่งสามารถขจัดความกังวลเรื่องเวลาแฝงและเพิ่มความเร็วไซต์ WordPress ของคุณได้อย่างสมบูรณ์

คำถามที่พบบ่อย (FAQ)

Cloudflare เป็นผู้ให้บริการโฮสติ้งหรือไม่?

ไม่ CloudFlare CDN เป็นผู้ให้บริการเครือข่ายการส่งเนื้อหาที่ให้บริการ CDN เว็บไซต์ที่ใช้บริการของพวกเขาสามารถเข้าถึงเครือข่ายเซิร์ฟเวอร์ขนาดใหญ่ได้ ซึ่งให้บริการเนื้อหาแบบคงที่และแบบไดนามิกของไซต์ที่ลดเวลาแฝงที่จุดสิ้นสุดของผู้ใช้

ความแตกต่างระหว่าง MaxCDN และ Cloudflare คืออะไร?

Cloudflare มาพร้อมกับตัวเลือกของแผนบริการฟรี ในขณะที่ MaxCDN ไม่มี Cloudflare ติดตั้งง่ายและนำเสนอการรักษาความปลอดภัยเว็บไซต์ MaxCDN สามารถตั้งค่าได้โดยใช้ปลั๊กอิน W3 Total Cache และใช้งานโดยธุรกิจที่มีชื่อเสียง