ใครที่เคยทำเว็บแล้วต้องจัดการกับ Static Assets (เช่น รูปภาพ, CSS, JS) จำนวนมาก คงจะคุ้นเคยกับการใช้บริการ object storage อย่าง Amazon S3, Google Cloud Storage, หรือ Azure Blob Storage กันเป็นอย่างดีใช่ไหมครับ?
และหนึ่งใน pain point ที่ปวดหัวและคาดเดาได้ยากที่สุดก็คงหนีไม่พ้น Egress Fee หรือ ค่าส่งข้อมูลออก ที่บางทีก็แพงจนน่าตกใจ
วันนี้ผมมีทางเลือกใหม่ที่น่าสนใจมาก ๆ และอาจจะกลายมาเป็นตัวเลือกหลักของหลาย ๆ คนในอนาคต (หรือหลายคนในนี้ก็อาจจะใช้อยู่แล้ว) นั่นก็คือ Cloudflare R2 Storage
รู้จัก Cloudflare R2
พูดง่าย ๆ เลย R2 คือเซอร์วิส object storage ที่ Cloudflare สร้างขึ้นมาเพื่อเป็นคู่แข่งโดยตรง ของ Amazon S3 ครับ ถูกออกแบบมาเพื่อเก็บข้อมูลที่ไม่มีโครงสร้าง (Unstructured Data) ซึ่งก็คือไฟล์ต่าง ๆ ที่เราใช้ในเว็บแอปพลิเคชันนั่นเอง ไม่ว่าจะเป็น รูปภาพ, วิดีโอ, ไฟล์ CSS, JavaScript, ไฟล์เอกสาร PDF หรือไฟล์ Assets อื่น ๆ พวกนี้คือ Static
Cloudflare บอกว่าพวกเขาตั้งใจสร้าง R2 ขึ้นมาเพื่อ web dev โดยเฉพาะ โดยมีเป้าหมายเพื่อลดความซับซ้อนและที่สำคัญคือขจัดค่าใช้จ่ายแฝงที่คาดเดายากออกไปให้หมด
ทำไม R2 ถึงเป็น Game Changer
จุดขายสำคัญที่สุดที่ทำให้ dev ทั่วโลกหันมามอง R2 ก็คือ... "Zero Egress Fees (ค่าส่งข้อมูลออก = $0)" ฟังไม่ผิดครับ 0
เอ้า! แล้วเจ้าอื่นไม่ฟรีเหรอ?
ตรงนี้คือจุดที่หลายคนอาจจะสับสนครับ โดยทั่วไปแล้ว cloud provider ยักษ์ใหญ่เกือบทุกเจ้า รวมถึง Amazon S3 จะใช้โมเดลที่เรียกว่า "Ingress ฟรี แต่ Egress คิดเงิน" ครับ
Ingress (ข้อมูลขาเข้า)
คือการที่เราอัปโหลดไฟล์ขึ้นไปเก็บไว้บน storage ของ provider อันนี้ ส่วนใหญ่จะฟรี ครับ เขาอยากให้เราเอาข้อมูลไปเก็บไว้กับเขาเยอะ ๆ นั่นแหละ
ในส่วน Egress (ข้อมูลขาออก)
คือการที่มีคนมา "ดาวน์โหลด" หรือดึงข้อมูลออกจาก storage ของเรา เช่น ทุกครั้งที่ user เปิดหน้าเว็บแล้วเบราว์เซอร์ต้องดาวน์โหลดรูปภาพ, CSS, JS จาก S3 ตรงนี้แหละครับคือส่วนที่เขาคิดเงิน และมักจะเป็นค่าใช้จ่ายที่แพงและคาดเดาได้ยากที่สุดด้วย
ปกติเวลา user เปิดหน้าเว็บของเราและเบราว์เซอร์ต้องดาวน์โหลดรูปภาพหรือไฟล์ต่าง ๆ จาก S3 เราจะโดนคิดเงินค่าส่งข้อมูลออก (Data Transfer Out) ซึ่งเป็นค่าใช้จ่ายที่แพงและคุมยากที่สุด
แต่ R2 ทำลายกำแพงนี้ทิ้งไปเลยครับ ไม่ว่า user จะโหลดไฟล์ของเรากี่ครั้งก็ตาม เราจะไม่เสียเงินในส่วนนี้แม้แต่บาทเดียว
Pricing Model ของ R2 จึงเรียบง่ายมาก
- Storage - จ่ายแค่ค่าเก็บข้อมูลตามปริมาณที่เราใช้ (GB ต่อเดือน)
- Operations - จ่ายแค่ค่าดำเนินการตามจำนวนครั้งที่เรียกใช้งาน ซึ่งแบ่งเป็น Class A (สำหรับเขียน/แก้ไขไฟล์) และ Class B (สำหรับอ่านไฟล์)
นอกจากเรื่องค่า Egress Fee แล้ว R2 ยังมีจุดเด่นอื่น ๆ ที่ทำให้ชีวิตชาว dev ง่ายขึ้นเยอะ เช่น
S3-Compatible API
R2 ถูกออกแบบให้มี API ที่เข้ากันได้กับ S3 แบบเป๊ะ ๆ หมายความว่าเครื่องมือ, SDK, หรือ Library (เช่น Boto3 ของ Python) ที่เราเคยใช้กับ S3 สามารถนำมาใช้กับ R2 ได้แทบจะทันทีโดย แก้ไขโค้ดเพียงเล็กน้อยเท่านั้น (ส่วนใหญ่คือแค่เปลี่ยน Endpoint URL และ Credentials)
Global File Cache (CDN)
สามารถใช้ CDN ของ Cloudflare เพื่อแคชไฟล์ที่อยู่บน R2 ได้ทั่วโลก ทำให้การโหลดไฟล์เร็วขึ้นมากสำหรับ user ทุกที่
Cloudflare Workers
สามารถเขียนโค้ด Serverless เพื่อจัดการหรือเปลี่ยนแปลงไฟล์ใน R2 ได้โดยตรงที่ Edge ก่อนส่งถึง user เช่น การปรับขนาดรูปภาพ การใส่ลายน้ำ หรือการจัดการสิทธิ์การเข้าถึงแบบ dynamic
มี Free Tier ที่โคตรรรใจกว้าง
นี่เป็นอีกหนึ่งจุดแข็งเลยครับ R2 มี Free Tier ให้ใช้งานฟรีในปริมาณที่ค่อนข้างเยอะ (เว็บ Content Mastery ก็ยังใช้ตัวนี้ฟรีอยู่เช่นกันครับ) เหมาะมากสำหรับโปรเจคท์เล็ก ๆ เว็บส่วนตัว หรือใช้ในการทดลองก่อนจะใช้งานจริง
Cloudflare R2 vs AWS S3
| ฟีเจอร์ | R2 | S3 |
| Storage (พื้นที่เก็บข้อมูล) | 10 GB เดือน | 5 GB / เดือน |
| Class A Operations (เขียน) | 1 ล้านครั้ง / เดือน | 2,000 ครั้ง / เดือน |
| Class B Operations (อ่าน) | 10 ล้านครั้ง / เดือน | 20,000 ครั้ง / เดือน |
| Data Transfer (Egress) | ไม่จำกัด (FREE) | 20,000 ครั้ง / เดือน |
จะเห็นว่า Free Tier ของ R2 นั้นให้เยอะกว่า S3 ในทุก ๆ ด้าน โดยเฉพาะค่า Data Transfer ที่ให้แบบไม่จำกัดเลยครับ
แล้ว R2 ช่วยเรื่อง Performance และ SEO ยังไง?
นอกจากเรื่องความคุ้มค่าแล้ว การใช้ Cloudflare R2 ยังช่วยอัปเกรดเว็บไซต์ของเราในมุม Performance และ SEO ได้โดยตรงเลยครับ
เว็บโหลดเร็วขึ้นแบบรู้สึกได้ (Core Web Vitals ดีขึ้น)
นี่คือส่วนที่ชัดเจนที่สุดครับ R2 ทำงานร่วมกับ CDN ของ Cloudflare
ทำให้ user โหลดไฟล์ (โดยเฉพาะรูปภาพ) จาก Server
ที่อยู่ใกล้ที่สุดทั่วโลก ผลลัพธ์คือ เว็บเร็วขึ้น คะแนน Core Web Vitals
(โดยเฉพาะ LCP) ดีขึ้น ซึ่งเป็นปัจจัยสำคัญที่ Google
ใช้จัดอันดับในปัจจุบันครับ
Image Optimization อัตโนมัติ (ไม่ต้องพึ่งปลั๊กอิน)
เราสามารถใช้ Cloudflare Workers จัดการรูปภาพที่อยู่บน R2 ก่อนส่งถึง user ได้เลยครับ เช่น ปรับขนาดรูปอัตโนมัติ หรือแปลงไฟล์เป็น
WebP/AVIF เพื่อให้ไฟล์เล็กลงและโหลดไวขึ้น
โดยไม่ต้องติดตั้งอะไรให้หนักเว็บเพิ่ม
ลดภาระ Server หลัก (เว็บเสถียรขึ้น)
การย้ายไฟล์ Static ไปไว้ที่ R2 ช่วยให้ Server
หลักของเราทำงานสบายขึ้นมาก ทำให้สร้างหน้าเว็บได้เร็วขึ้น (Time to First
Byte หรือ TTFB ดีขึ้น) ซึ่งก็เป็นอีกหนึ่งสัญญาณที่ดีต่อ SEO
สำหรับใครที่กำลังปวดหัวกับค่า Egress Fee ของ S3 และอยากได้ Object Storage ที่ช่วยให้เว็บเร็วขึ้นเพื่อผลดีต่อ SEO ด้วย Cloudflare R2 คือคำตอบที่ใช่เลยครับ เพราะนอกจากจะราคาโคตรคุ้ม (เว็บไม่ใหญ่ ตัวฟรีนี่เหลือๆ) ยังช่วยอัปเกรดทั้ง Performance และอันดับเว็บของคุณไปพร้อมกัน
