CloudFlare คือ ผู้ให้บริการ CDN (Content Delivery Network) เจ้าใหญ่ ที่มีให้บริการทั้งในส่วนที่ฟรีและก็เสียเงิน มีเซิฟเวอร์หลายแห่งทั่วโลก นอกจากการได้รับผลประโยชน์ตรงๆ จากเรื่อง CDN แล้ว เราก็ยังจะได้รับอานิสงค์ของเรื่องอื่นอย่างเช่น Performance และ Security อีกด้วย

overview

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

cdn-example

ภาพจาก GTmetrix

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

ก่อนใช้ CloudFlare CDN

ก่อนใช้ CloudFlare CDN เพิ่งติดตั้งใหม่ๆ ยังไม่ได้ทำอะไรเพิ่มเติม ธีม Schema ยังได้คะแนนดีมาก

Add Site

ขอข้ามขั้นตอนการสมัครไปเลยนะคะ มาทำการเพิ่มเว็บของเราไปยัง CloudFlare กันค่ะ หากเราเพิ่งจะเริ่มทำเป็นเว็บแรก หลังจากล็อกอินเข้าไปก็จะเจอหน้าสำหรับเพิ่มเว็บเลย ก็ให้เรากรอกโดเมนของเราเข้าไป แล้วคลิก Scan DNS Recodes ระบบก็จะทำการสแกนเว็บเราประมาณ 1 นาที เมื่อสแกนเสร็จก็คลิก Continue ได้เลย

add-new-site

ระบบจะแสดงรายละเอียดหลังการสแกน ให้เราคลิก Continue ได้เลย

cloudflare-dns-details

จากนั้นเลือกแพลนเป็นแบบฟรีนะคะ แล้วคลิก Continue

free-plan

หลังจากนี้เขาก็จะแจ้งให้เราเปลี่ยน Nameserver ก็ให้เราทำการเปลี่ยนตามข้อมูลที่เขาให้มาให้เรียบร้อยเสียก่อน แล้วค่อยคลิก  Continue นะคะ

change-nameserver

เราจะเข้าสู่หน้า Overview และระบบจะขึ้นเป็น Pending จากนั้นจะมีอีเมลแจ้งรายละเอียดของการเพิ่มเว็บไซต์มาให้เราด้วยค่ะ เราสามารถคลิกที่ Recheck Namesevers ก็ได้ ว่าผ่านหรือยัง

cloudflare-pending

ถ้า Recheck Nameservers แล้วขึ้นสถานะเป็น Active เขียวๆ แบบนี้แสดงว่าผ่านค่ะ ง่ายมากเลยใช่มั๊ยคะ

cloudflare-active

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

หลังจากนี้เราก็ควรติดตั้งปลั๊กอิน CloudFlare และทำการตั้งค่าเชื่อมต่อให้เรียบร้อย ป้องกันโฮ้สต์มองว่า IP ของ CloudFlare เป็นสแปมด้วย

Development Mode

เป็นโหมดที่ทำการปลด CloudFlare ออกชั่วคราว ระบบจะไม่แสดงผลผ่านเซิฟเวอร์ของ CloudFlare ในช่วงที่มีการเปิด Development Mode เรามักจะเปิดในตอนที่ทำการแก้ไขเว็บแล้วต้องการเห็นการเปลี่ยนแปลงทันที สามารถเลือกได้ที่ Quick Actions ในหน้า Overview แล้วเลือก Development Mode

ขั้นตอนที่เหลือระหว่างนี้ทั้งการรอให้การอัพเดต DNS เสถียร และจนกระทั่ง CloudFlare เก็บข้อมูลเว็บหมดอาจจะต้องใช้เวลานิดนึง แม้สถานะจะเป็น Active แล้วก็ตาม เวลาเราไปทดสอบเลยตอนนี้เว็บก็อาจจะยังไม่ได้ใช้ CDN ทั้งหมดค่ะ

Clear Cache

เราสามารถเคลียร์แคชทั้งหมดได้ด้วยการไปที่เมนู  Caching  จากนั้นคลิกเลือก Purge Everything

caching-clear

Page Rules

Page Rules คือการกำหนดเงื่อนไขการทำงานของ CloudFlare ต่อเว็บของเรา สำหรับแพลนฟรีนี้จะสามารถสร้างได้เพียง 3 page rules เท่านั้น แต่สามารถซื้อเพิ่มได้หากต้องการกำหนดหน้าไหนเป็นพิเศษ สามารถกำหนด Page Rules ได้ที่เมนู Page Rules โดยการเอาเงื่อนไขที่สำคัญที่สุดไว้บนสุด

ตัวอย่าง Page Rules ทั้งนี้ความเหมาะสมสำหรับแต่ละเว็บอาจจะไม่เหมือนกัน กรุณาศึกษาเพิ่มเติม ในเวอร์ชั่นฟรีเราได้กำหนดให้ไม่ต้องแคชหน้า wp-admin กับ preview และได้กำหนดให้แคชทำอย่างสำหรับที่เหลือทั้งหมด

 

preview

 

 

  • Always Online คือการกำหนดให้เว็บออนไลน์อยู่ตลอดผ่าน  CloudFlare แม้ว่าโฮ้สต์ของเราจะล่มก็ตาม
  • Security Level, Email Obfuscation, Browser Integrity Check เป็นการตั้งค่าเกี่ยวกับความปลอดภัย
  • Browser Cache TTL กำหนดอายุของแคชสำหรับบราวเซอร์ของยูสเซอร์
  • Edge Cache TTL กำหนดอายุสำหรับการเก็บแคชบนเซอร์เวอร์ของ CloudFlare จะล้างแคชเมื่อหมดเวลา หากเว็บไม่ค่อยได้อัพเดตบ่อยก็จัดไปนานๆ ก็ได้ จะช่วยให้ประหยัดได้เยอะยิ่งขึ้น
  • Cache Level กำหนดระดับการแคช Cache Everything คือแคชทุกอย่าง Bypass คือการไม่ต้องแคชเลย

เพิ่มเติม Page Rules

WP Rocket

WP Rocket เป็นปลั๊กอินแคชพรีเมี่ยมที่สามารถรองรับการตั้งค่าของ CloudFlare ได้เลยโดยที่เราไม่จำเป็นต้องลงปลั๊กอินอื่นๆ อีกหลายตัว เมื่อเชื่อมต่อกับ CloudFlare แล้ว WP Rocket จะทำการล้างแคชให้อัตโนมัติหากเราทำการเปลี่ยนแปลงหรือัพเดตโพส หรือหากเรา Clear Cache บนเว็บของเรา มันก็จะทำการเคลียร์ของ CloudFlare ให้ด้วย รวมทั้งสามารถที่จะเปลี่ยนเป็น Development Mode ได้จากที่เว็บของเราโดยไม่ต้องเปิด CloudFlare เลย

wp-rocket-cloudflare

Analytics

เราสามารถที่จะดูรายงาน ปริมาณการใช้งาน สถิติ และอื่นๆ ได้ที่เมนู Analytics ภายหลังจาก 24 ชั่วโมง

cdn-analytics-dashboard.png

ตัวอย่าง Analytics

ทดสอบ

หลังจาก CloudFlare ทำงานเรียบร้อยแล้วลองทดสอบดูอีกครั้งผ่าน GTmetrix เช่นเคย ก็ปรากฏว่าในส่วนของคะแนนตรง CDN นั้นได้ขึ้นมาเป็น 100 แล้วล่ะค่ะ ความเร็วก็เพิ่มขึ้นด้วย ตามภาพ

after-cloudflare

 

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

เราใช้ธีม Total และมันกำลังลดราคา!$49 Lifetime update
Search