WordPress CDN: คู่มือฉบับสมบูรณ์เพื่อเพิ่มการมองเห็นทั่วโลกของคุณ

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

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

1. CDN (เครือข่ายการจัดส่งเนื้อหา) คืออะไร?

ตามชื่อที่สื่อถึง CDN มีส่วนเกี่ยวข้องกับการนำส่งเนื้อหา แต่เนื้อหาอะไรและอย่างไร? มันส่งเนื้อหาแบบคงที่ สตรีมมิ่ง และไดนามิกของไซต์ WordPress ของคุณ รวมถึงไฟล์มีเดีย ไฟล์ CSS และ JavaScript

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

ข้อเท็จจริง: เวลาในการโหลดหน้าเว็บล่าช้า 1 วินาทีอาจทำให้ Conversion สูญเสียไป 7% การดูหน้าเว็บน้อยลง 11% และความพึงพอใจของลูกค้าลดลง 16%

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

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

2. ใครต้องการ WordPress CDN?

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

มาดูกันว่าธุรกิจประเภทใดบ้างที่ใช้ CDN สำหรับ WordPress เพื่อเพิ่มความเร็วให้กับเว็บไซต์ WordPress

• อีคอมเมิร์ซ
• บล็อก
• เอเจนซี่โฆษณา
• สื่อและความบันเทิง
• ไซต์สตรีมมิ่ง
• เว็บไซต์เกมออนไลน์
• การศึกษาออนไลน์
• ดูแลสุขภาพ

3. ทำไม CDN ถึงสำคัญสำหรับ WordPress?

เมื่อเวลาผ่านไป เครือข่ายการจัดส่งเนื้อหา (CDN) ได้รับการปรับปรุงอย่างมาก การมี WordPress CDN บนไซต์ WordPress มีข้อดีหลายประการที่มองข้ามไม่ได้ ดูรายละเอียดกันเลย!

• เวลาในการโหลดเร็วขึ้น : ช่วยลดเวลาในการโหลดหน้าเว็บด้วยเนื้อหาที่พร้อมใช้งานจากเครือข่ายของเซิร์ฟเวอร์ CDN
• การจัดการปริมาณการใช้ข้อมูลสูง : เนื่องจากเนื้อหาถูกส่งมาจากหลายแหล่ง เว็บไซต์ที่ใช้ CDN สำหรับ WordPress แทบจะไม่ต้องหยุดทำงานหรือประสิทธิภาพต่ำแม้จะประสบกับปริมาณการรับส่งข้อมูลที่สูงขึ้น
• บันทึกแบนด์วิดท์ : CDN ยังช่วยลดการใช้แบนด์วิดท์เนื่องจากจำกัดการส่งคำขอจากผู้ใช้ไปยังเว็บโฮสติ้งโดยตรงด้วยการส่งเนื้อหาเอง
• ความปลอดภัย : เครือข่าย CDN กระจัดกระจายและสามารถทนต่อการโจมตี DDoS ระดับต่ำถึงระดับเล็กน้อยได้ ผู้ให้บริการ CDN บางรายยังมีกลไกที่ใช้งานอยู่เพื่อระบุการโจมตี ผู้ส่งสแปม และบอทเหล่านี้ เพิ่มระดับการรักษาความปลอดภัยโดยเฉพาะอย่างยิ่งสำหรับไซต์ WordPress ที่ลูกค้าชำระเงินโดยใช้ข้อมูลบัตรเครดิต
• Better SEO Ranking : ไม่เป็นความลับที่ Google จะจัดอันดับเว็บไซต์ที่เร็วกว่าให้สูงขึ้น.. เป็นการยากที่จะกำหนดว่าความเร็วจะส่งผลเสียต่อการจัดอันดับ SEO ได้มากน้อยเพียงใด แต่เห็นได้ชัดว่าส่งผลต่อประสบการณ์ของผู้ใช้ไม่ดี ซึ่ง Google ไม่สนับสนุน
• ปรับปรุงประสบการณ์ผู้ใช้ : WordPress CDN บนไซต์ WordPress ไม่เพียงแต่ปรับปรุงประสบการณ์ผู้ใช้บนเดสก์ท็อป แต่ยังบนอุปกรณ์มือถือด้วยการโหลดหน้าเว็บเร็วขึ้น ปัจจุบันผู้คนจำนวนมากใช้โทรศัพท์มือถือเพื่อท่องอินเทอร์เน็ต Google ยังได้เริ่มโครงการค้นหาที่เหมาะกับอุปกรณ์เคลื่อนที่ ซึ่งหมายความว่าไซต์ที่ปรับให้เหมาะกับอุปกรณ์เคลื่อนที่จะมีความได้เปรียบในผลการค้นหา

ข้อเท็จจริง: รายได้เพิ่มขึ้น 1% ทุกๆ 100 มิลลิวินาทีของการลดขั้นตอนในการโหลดหน้าเว็บ

การทดสอบความเร็ว WordPress CDN

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

ซานโฮเซ่ แคลิฟอร์เนีย สหรัฐอเมริกา

ก่อน

หลังจาก

มหานครนิวยอร์ก นิวยอร์ก สหรัฐอเมริกา

ก่อน

หลังจาก

สตอกโฮล์ม สวีเดน

ก่อน

หลังจาก

เมลเบิร์น ออสเตรเลีย

ก่อน

หลังจาก

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

4. ผู้ให้บริการ CDN ชั้นนำของ WordPress

ผู้ให้บริการ WordPress CDN มีให้บริการในทุกช่วงงบประมาณ นอกจากนี้ ผู้ให้บริการ CDN หลายรายยังมีบัญชีทดลองใช้งาน

เพื่อช่วยเหลือผู้ใช้ Cloudways ฉันได้รวบรวมรายชื่อผู้ให้บริการ CDN ต่อไปนี้ที่สามารถรวมเข้ากับเซิร์ฟเวอร์ที่มีการจัดการ Cloudways ได้อย่างง่ายดาย

หมายเหตุ: สามารถรวม StackPath (aka CloudwaysCDN) ภายในแพลตฟอร์มได้อย่างง่ายดาย

CloudwaysCDN (StackPath)

CloudwaysCDN ขับเคลื่อนโดย StackPath ผู้ให้บริการ CDN ที่ดีที่สุดรายหนึ่งสำหรับ WordPress ที่มีเครือข่ายเซิร์ฟเวอร์ขนาดใหญ่ทั่วโลก

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

ผู้ใช้ Cloudways ยังสามารถใช้ตัวเลือก CDN นี้กับ ' Breeze ' ซึ่งเป็นปลั๊กอินแคชเริ่มต้น

ราคา: $1 ต่อ 25GB

KeyCDN

KeyCDN นำเสนอคุณสมบัติที่มีประโยชน์หลายอย่างที่เพิ่มประสิทธิภาพการจัดส่งเนื้อหาในสถานที่ต่างๆ จากทั่วโลก KeyCDN เป็นตัวเลือก WordPress CDN ยอดนิยมที่มีชื่อเสียงด้านความเร็วและการสนับสนุนลูกค้าตลอด 24 ชั่วโมงทุกวันไม่เว้นวันหยุด

KeyCDN ยังเสนอการป้องกัน DDoS, ใบรับรอง SSL ฟรีและกำหนดเอง, รองรับ HTTP/2 และ RESTful API สำหรับการผสานรวมกับบุคคลที่สาม

ราคา: รูปแบบการกำหนดราคาเป็นแบบจ่ายตามการใช้งาน เริ่มต้นที่ $0.04/GB โดยมีใบแจ้งหนี้รายปีขั้นต่ำอยู่ที่ $40

คลาวด์แฟลร์

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

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

ราคา: แผน Pro เริ่มต้นที่ $20/เดือน

CloudFront

CloudFront โดย Amazon เป็น CDN ที่รวดเร็วและปลอดภัยสำหรับ WordPress ซึ่งนำเสนอการรักษาความปลอดภัยมาตรฐานอุตสาหกรรมต่อ DDoS และภัยคุกคามที่คล้ายคลึงกัน สามารถผสานรวมได้อย่างง่ายดายโดยใช้คอนโซลการจัดการของ Amazon, CLI และ SDK

ราคา: ตามความต้องการ

อินแคปซูล่า

Incapsula เป็นอีกหนึ่ง CDN ยอดนิยมสำหรับ WordPress โดยมีเซิร์ฟเวอร์อยู่ทั่วโลก สามารถรวมเข้ากับ WordPress ได้อย่างง่ายดายและเข้ากันได้กับปลั๊กอินแคชยอดนิยมทั้งหมด

Incapsula นำเสนอคุณสมบัติต่างๆ เช่น ใบรับรอง SSL, การสนับสนุนตลอด 24 ชั่วโมงทุกวัน, การป้องกัน DDoS, ไฟร์วอลล์, การวิเคราะห์การโจมตี, ข่าวกรองภัยคุกคาม และการปกป้องข้อมูล

ราคา: เริ่มต้นที่ $59/เดือน

CDN77

CDN77 เป็นหนึ่งใน CDN ที่เร็วที่สุดสำหรับเว็บไซต์ WordPress คุณลักษณะเด่น ได้แก่ ใบรับรอง SSL/TLS, การป้องกัน DDoS, การป้องกันฮอตลิงก์ และไฟร์วอลล์ของเว็บ

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

ราคา: เริ่มต้นที่ $199/เดือน

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

5. WordPress CDN Benchmarking

มีผู้ให้บริการ WordPress CDN มากมายให้เลือก แต่เป็นความท้าทายในการพิจารณาว่าผู้ให้บริการรายใดจะนำเสนอประสิทธิภาพที่ดีที่สุดในสถานการณ์จริง

วิธีเดียวที่จะแก้ไขปัญหานี้คือการเปรียบเทียบ CDN เหล่านั้น เราจึงเลือกผู้ให้บริการ CDN ยอดนิยมสามรายที่ใช้กันอย่างแพร่หลาย:

1. CloudwaysCDN (ร่วมมือกับ StackPath เดิมชื่อ MaxCDN)
2. คลาวด์แฟลร์
3. KeyCDN

กระบวนการของการเปรียบเทียบ CDN

ฉันเปิดตัวเริ่มต้น WordPress ตั้งบนเซิร์ฟเวอร์ Cloudways DigitalOcean ของ 1GB RAM, 25GB SSD และอีก 1 แกนซีพียู

สำหรับการทดสอบการเปรียบเทียบ เครื่องมือที่เราใช้คือ CLI เบนช์ มาร์ก Node.js CDN แบบโอเพนซอร์ส เพื่อให้เข้าใจว่า WordPress CDN ส่งเนื้อหาได้เร็วเพียงใด คุณจะต้องป้อนข้อมูลที่เพียงพอในช่วงสองสามชั่วโมง

ในการเปรียบเทียบ CDN ของเรา เราดาวน์โหลดไฟล์รูปภาพสามไฟล์จากไซต์ WordPress ของเราที่โฮสต์บน Cloudways ( เล็ก: 78.6KB กลาง: 747KB ใหญ่: 1.28MB) เป็นเวลา 3.5 ชั่วโมงโดยมีช่วงเวลา 5 นาที ไฟล์เหล่านี้นำมาจากไซต์ WordPress ที่โฮสต์บน Cloudways

ผลลัพธ์ของการเปรียบเทียบ CDN

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

ภาพขนาดเล็ก

Cloudflare เริ่มทำงานตามปกติ แต่ไม่สามารถรักษาความเร็วเท่าเดิมขณะดาวน์โหลดภาพขนาดเล็ก ใน 40 นาทีแรกของการทดสอบ สูงถึง 22 มิลลิวินาที ในขณะที่ CloudwaysCDN และ KeyCDN วางตัวตรงบนแกนนอนโดยแสดงความเร็วคงที่ประมาณ 2-3 มิลลิวินาที มีการเพิ่มขึ้นอย่างรวดเร็วจากนาทีที่ 75 ถึง 85 ใน KeyCDN ซึ่งสูงถึง 9 ms

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

รูปภาพขนาดกลาง

สิ่งต่างๆ ไม่ได้ดีขึ้นสำหรับ CloudFlare เมื่อดาวน์โหลดภาพขนาดกลางเช่นกัน มันมีหนามแหลมขนาดใหญ่ตั้งแต่ 20-40 นาทีประมาณ 128 มิลลิวินาที เพิ่มขึ้นอีกเล็กน้อยจากนาทีที่ 75 เป็น 85 ในทางกลับกัน CloudwaysCDN ยังคงรักษาตำแหน่งบนสุดเมื่อเปรียบเทียบกับ KeyCDN ซึ่งแสดงการรบกวนเมื่อสิ้นสุดการทดสอบดังที่เห็นในกราฟด้านบน

ภาพใหญ่

ขณะดาวน์โหลดภาพขนาดใหญ่ (1.28MB) ความเร็วในการดาวน์โหลด ของ Cloudflare อยู่ที่ประมาณ 40 มิลลิวินาที ในขณะที่ไฟล์คู่กันมีการเริ่มต้นที่ค่อนข้างดี KeyCDN เกือบจะคงที่ตลอดการทดสอบ ยกเว้นการกระแทกเล็กน้อยที่จุดเริ่มต้นและจุดสิ้นสุดของการทดสอบ CloudwaysCDN ทำงานได้อย่างยอดเยี่ยม อีกครั้งโดยอยู่ใกล้แกน X มากที่สุด โดยแสดงความเร็วในการดาวน์โหลดที่รวดเร็วและสม่ำเสมอตลอดการทดสอบ

เรายังคำนวณความเร็วในการดาวน์โหลดเฉลี่ยของ CDN แต่ละรายการด้วยขนาดภาพสามขนาด

คะแนนเฉลี่ย

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

6. วิธีการใช้ CDN ใน WordPress?

6ก. เพิ่ม CloudwaysCDN ไปยัง WordPress

ลูกค้า Cloudways สามารถเปิดใช้งานและ รวม CloudwaysCDN กับ WordPress ได้ในคลิกเดียว มีขั้นตอนไม่กี่ขั้นตอนที่เกี่ยวข้องในกระบวนการนี้: ลงชื่อเข้าใช้บัญชี Cloudways ไปที่ Applications จากนั้นเข้าสู่แอปพลิเคชัน WordPress ที่คุณต้องการติดตั้ง CloudwaysCDN

จากบานหน้าต่างด้านซ้าย ไปที่ แท็บ CloudwaysCDN จากนั้นป้อน URL ของไซต์ WordPress ของคุณ คลิกที่ ปุ่ม สร้าง

มันจะเปิดใช้งาน CloudwaysCDN สำหรับแอปพลิเคชันนี้และให้รายละเอียดบางอย่างแก่คุณ เช่น CDN URL การใช้แบนด์วิดท์ และล้างแคช คุณยังมีตัวเลือกในการลบ CloudwaysCDN

หากต้องการรวมเข้ากับไซต์ WordPress เพียงคลิกที่ ปุ่ม Apply

PS: การคลิกเพียงครั้งเดียวมีผลเฉพาะกับ Breeze ซึ่งเป็น ปลั๊กอินแคช WordPress ฟรี โดย Cloudways หากคุณกำลังใช้ปลั๊กอินแคชอื่นๆ ให้รับ CDN URL จากแท็บ CloudwaysCDN และกำหนดค่า CDN ตามนั้น

ลงชื่อเข้าใช้แผงผู้ดูแลระบบของไซต์ WordPress แล้วคลิก Breeze ภายใต้ Settings :

ไปที่ แท็บ CDN ของ Breeze Cache Plugin และที่นี่คุณจะเห็นว่า ตัวเลือก Activate CDN ถูกทำเครื่องหมายว่าถูกเลือก และ CDN URL ถูกตั้งค่าใน ฟิลด์ CDN CNAME

ตอนนี้ได้เวลาตรวจสอบว่า CDN ถูกรวมเข้าด้วยกันแล้ว เปิดเว็บไซต์ของคุณกด CTRL + U และค้นหา StackPath คุณจะได้รับผลลัพธ์เล็กน้อยซึ่งหมายความว่า CDN ถูกรวมเข้าด้วยกันสำเร็จ

ดูเหมือนว่าเว็บไซต์จะพัง?

ไม่ต้องห่วง! Cloudways ใช้วานิชเพื่อเพิ่มประสิทธิภาพไซต์ WordPress ตรวจสอบให้แน่ใจว่าได้ล้างแคชทั้งหมดแล้วกลับมาที่ไซต์อีกครั้ง เย่! คุณได้รวม CloudwaysCDN ในไม่กี่คลิก

ต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับ CloudwaysCDN? ได้ดูที่นี่

6b. เพิ่ม CloudFront ไปยัง WordPress

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

รับ CDN URL โดยการสร้างการกระจายเว็บใน CloudFront CDN

ฉันคิดว่าคุณมีบัญชีใน Amazon Web Services (AWS) แล้ว ถ้าไม่ได้ลงทะเบียนและนำทางไปยัง CloudFront คอนโซล จากนั้นคลิกที่ เริ่มต้น ภายใต้ส่วน เว็บ

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

• ชื่อโดเมนต้นทาง: URL ของเว็บไซต์ของฉัน (wpcommunity.org)
• เส้นทางต้นทาง: ป้อนเส้นทางเฉพาะสำหรับเนื้อหา หากมี (ฉันเว้นว่างไว้)
• รหัสต้นทาง: ป้อนคำอธิบายอย่างง่ายว่าบริการนี้เกี่ยวกับอะไร

การตั้งค่าอื่น ๆ ทั้งหมดจะไม่ถูกแตะต้อง หากคุณต้องการกำหนดค่าเพิ่มเติม ต่อไปนี้คือ คำแนะนำฉบับสมบูรณ์ที่ อธิบายว่าตัวเลือกทั้งหมดคืออะไร เลื่อนลงและคลิกที่สร้างการกระจาย

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

คัดลอก URL ใน ชื่อโดเมน และไปที่ แท็บ CDN ของ Breeze และวางในช่อง ข้อความ URL Root ของ CDN

• เปิดใช้งาน CDN : ทำเครื่องหมายนี้หากคุณต้องการเปิดใช้งาน CDN
• CDN Root URL : URL ของการกระจายที่สร้างขึ้น อย่าลืมเพิ่ม HTTP / HTTPS ลงใน URL
• เนื้อหา CDN : ไดเร็กทอรีของเนื้อหาที่คุณต้องการให้บริการโดย CDN
• ไม่รวมเนื้อหา : หากคุณต้องการแยกนามสกุลไฟล์บางส่วน หรือไดเร็กทอรีที่ CDN ไม่ให้บริการ ให้ป้อนที่นี่
• เส้นทางสัมพัทธ์ : ขอแนะนำให้เปิดใช้งานเส้นทางสัมพัทธ์เพื่อคงโครงสร้างของไฟล์และโฟลเดอร์ไว้เสมอ

มาทดสอบกัน!

ไปที่ URL เว็บไซต์ของคุณดูซอร์สโค้ดและค้นหา CloudFront คุณจะเห็นเนื้อหาทั้งหมด เช่น CSS, JS และรูปภาพ ให้บริการโดย CloudFront CDN

6c. เพิ่ม KeyCDN ไปยัง WordPress

KeyCDN เป็นหนึ่งในผู้ให้บริการ WordPress CDN ชั้นนำในตลาด ฉันแนะนำให้คุณลองใช้บริการของพวกเขาที่เว็บไซต์ของคุณ (ตลอดระยะเวลาทดลองใช้งานฟรี) ก่อนเลือกบัญชีแบบเต็ม

ในบทความนี้ ผมจะสาธิตวิธีเชื่อมต่อ KeyCDn กับปลั๊กอินแคช Breeze เพื่อให้เนื้อหาทั้งหมดแสดงผ่าน CDN

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

หลังจากคลิกที่ปุ่ม สร้างบัญชี คุณจะได้รับอีเมลยืนยัน เมื่อตรวจสอบแล้ว คุณจะเห็นแดชบอร์ด KeyCDN:

รับ CDN URL โดยการเพิ่มโซนใน KeyCDN

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

• ชื่อโซน: KeyCDN ให้ URL พิเศษที่มีรูปแบบเริ่มต้น: http://xxx-yyy.kxcdn.com โดยที่ XXXX คือชื่อที่คุณป้อนในช่องชื่อโซน ในตัวอย่างของฉัน มันจะเป็น wp-yyy.kxcdn.com เพราะฉันป้อน wp
• สถานะโซน : เนื่องจากไซต์ของฉันจะเข้าถึงได้แบบสาธารณะ ฉันจะเพิ่มสถานะเป็นใช้งานอยู่
• ประเภทโซน : โซน มีสองประเภท แบบดึงหรือแบบผลัก นอกจากประเภทโซนแล้ว คุณจะเห็นกล่องกาเครื่องหมายแสดงคุณลักษณะขั้นสูง ขยายและกำหนดค่า - หากคุณมั่นใจในสิ่งที่คุณทำมากพอ! มิฉะนั้น ปล่อยให้เป็นค่าเริ่มต้น
• URL ต้นทาง : ป้อน URL ของเว็บไซต์ที่คุณต้องการเชื่อมต่อกับโซนนี้

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

กระบวนการนี้อาจใช้เวลาสักครู่ หลังจากที่เสร็จสิ้นแล้วสถานะจะเปลี่ยนไปใช้งาน คุณสามารถล้างแคชได้โดยไปที่ ปุ่ม จัดการ ตามภาพด้านล่าง

กำหนดค่า KeyCDN ด้วย Breeze

ตกลง ฉันได้ตั้งค่า KeyCDN สร้าง Zone และรับ Zone URL แล้ว

คัดลอกและไปที่ แท็บ CDN บนปลั๊กอินแคช Breeze WordPress และวางลงใน ฟิลด์ CDN Root URL

ทดสอบเว็บไซต์

ณ จุดนี้ ฉันได้ตั้งค่า KeyCDN อย่างถูกต้องและเชื่อมต่อกับ Breeze แล้ว ลองตรวจสอบว่า CDN ให้บริการเว็บไซต์หรือไม่ สำหรับสิ่งนี้ โปรดไปที่เว็บไซต์ของคุณและดูที่มาของหน้าโดยกด CTRL+U (Chrome) ค้นหา kxcdn และคุณจะเห็นว่า CSS, JS และ Images ให้บริการผ่าน KeyCDN

Breeze ไม่ได้จำกัดอยู่แค่เพียงพวกเขาเท่านั้น CDN ตามสินทรัพย์ใดๆ สามารถกำหนดค่าได้อย่างง่ายดายด้วย Breeze คุณเพียงแค่ต้องได้รับ URL ของ WordPress CDN และวางลงในแท็บ Breeze CDN แค่นั้นแหละ!

ห่อ!

เราเห็นว่าความเร็วมีส่วนสำคัญในการแปลงโดยรวม ตลอดจนการจัดอันดับ SEO ของไซต์ของคุณอย่างไร การลงทุนใน WordPress CDN ที่ดีนั้นไม่ใช่ความคิดที่เลวเลย ผู้ใช้ Cloudways สามารถรวม CloudwaysCDN จากแดชบอร์ดได้อย่างง่ายดาย และจะถูกเรียกเก็บเงิน 1 ดอลลาร์สำหรับ 25GB ต่อแอปพลิเคชัน การบริโภคเพิ่มเติมมีค่าใช้จ่าย $0.04 ต่อ GB เท่านั้น