เพิ่มความเร็ว WooCommerce ด้วย Redis + CDN บน Cloud VPS

Categories

WooCommerce เป็นปลั๊กอินที่ใช้ทรัพยากรมากเพราะต้องดึงข้อมูลสินค้า ราคา สต็อก และข้อมูลลูกค้าจากฐานข้อมูลตลอดเวลา การเพิ่ม Redis Object Cache และ CDN จะช่วยลดโหลด Server และทำให้ร้านค้าโหลดเร็วขึ้นอย่างเห็นได้ชัดเจน บทความนี้จะสอนคุณวิธีการตั้งค่า Redis และ CDN บน Cloud VPS ของ Dot Enterprise เพื่อเพิ่มความเร็ว WooCommerce ของคุณ

ทำไม WooCommerce ถึงโหลดช้า

สาเหตุหลักที่ WooCommerce โหลดช้า ได้แก่:

  • Database Query จำนวนมาก ในทุก Page Load โดยเฉพาะหน้า Shop และ Cart ที่ต้องดึงข้อมูลสินค้าและราคา
  • โหลดรูปภาพขนาดใหญ่ หลายรูปพร้อมกัน ทำให้ใช้แบนวิดท์มาก
  • Plugin จำนวนมาก ที่ทำงานทับซ้อนกัน ใช้resources ไม่มีประสิทธิภาพ
  • PHP ต้องคำนวณข้อมูลซ้ำ ทุก Request เข้ามา โดยไม่มี Caching
  • การอัพเดต Stock แบบ Real-time ทำให้ Cache ไร้ประสิทธิภาพ

Redis Object Cache คืออะไร

Redis เป็น In-Memory Data Store ที่เก็บข้อมูลไว้ในหน่วยความจำ (RAM) ทำให้การอ่านข้อมูลเร็วกว่า MySQL Database หลายเท่า

เมื่อใช้ Redis เป็น Object Cache สำหรับ WordPress:

  • WordPress จะเก็บผลลัพธ์ของ Database Query ไว้ใน Redis
  • เมื่อ Request เข้ามา WordPress จะดึงข้อมูลจาก Redis ก่อน
  • ถ้าข้อมูลไม่มีใน Redis จึงค่อย Query จาก MySQL
  • ลดการสร้างการเชื่อมต่อ Database ถึง 80-90%

สำหรับ WooCommerce ที่มีจำนวน SKU มาก Redis จะลดการ Query สินค้า โครงสร้าง ราคา และแท็กอย่างมหาศาลทำให้ TTFB (Time to First Byte) ลดลงจาก 2-3 วินาทีเหลือแค่ 300-500 มิลลิวินาที

ติดตั้ง Redis บน Cloud VPS

สำหรับ Cloud VPS ของ Dot Enterprise ที่ใช้ Ubuntu สามารถติดตั้ง Redis ได้ง่ายดังนี้:

sudo apt update
sudo apt install redis-server -y
sudo systemctl enable redis-server
sudo systemctl start redis-server

ตรวจสอบว่า Redis ทำงานแล้ว:

redis-cli ping

ควรได้ผลลัพธ์: PONG

เชื่อมต่อ WordPress กับ Redis

ขั้นตอนที่ 1: ติดตั้ง PHP Redis Extension

sudo apt install php-redis -y
sudo systemctl restart apache2  # หรือ systemctl restart nginx

ขั้นตอนที่ 2: แก้ไข wp-config.php

เพิ่มค่าต่อไปนี้ใน wp-config.php (ก่อนบรรทัด /* That’s all, stop editing! */)

define('WP_REDIS_HOST', '127.0.0.1');
define('WP_REDIS_PORT', 6379);
define('WP_REDIS_DATABASE', 0);
define('WP_REDIS_TIMEOUT', 1);
define('WP_REDIS_READ_TIMEOUT', 1);
define('WP_CACHE', true);

ขั้นตอนที่ 3: ติดตั้งปลั๊กอิน Redis Object Cache

  1. เข้า WordPress Dashboard
  2. ไปที่ Plugins > Add New
  3. ค้นหา “Redis Object Cache”
  4. ติดตั้งและเปิดใช้งาน
  5. ไปที่ Tools > Object Cache
  6. คลิก “Enable Object Cache”

หากทำสำเร็จ คุณจะเห็นข้อความ “Connected” พร้อมสีเขียว

ตั้งค่า CDN สำหรับ WooCommerce

CDN (Content Delivery Network) ช่วยให้ไฟล์ Static เช่น รูปภาพสินค้า CSS และ JavaScript ถูกให้บริการจาก Server ที่ใกลูกค้าที่สุด ทำให้โหลดเร็วขึ้น 50-70%

แนะนำให้ใช้ Cloudflare CDN เพราะมีแพลนฟรีที่เพียงพอสำหรับร้านค้าส่วนใหญ่ พร้อม DDoS Protection และ Web Application Firewall

ขั้นตอนการตั้งค่า Cloudflare

  1. สมัครบัญชีที่ cloudflare.com
  2. เพิ่มโดเมนร้านค้า
  3. เปลี่ยน Nameserver ที่ผู้ให้บริการโดเมนไปใช้ของ Cloudflare
  4. เปิด Proxy (สีส้ม) สำหรับ DNS Records ของเว็บไซต์
  5. ไปที่ Speed > Optimization และเปิด Auto Minify สำหรับ CSS, JavaScript, HTML
  6. ตั้งค่า Page Rules เพื่อ Bypass Cache บนหน้าที่ต้อง Real-time Data

Page Rules สำคัญสำหรับ WooCommerce

สร้าง Page Rules เพื่อไม่ให้ Cache หน้าที่มีข้อมูลส่วนตัวและสำคัญ:

URL: *yourstore.com/cart/*
Setting: Cache Level = Bypass

URL: *yourstore.com/checkout/*
Setting: Cache Level = Bypass

URL: *yourstore.com/my-account/*
Setting: Cache Level = Bypass

URL: *yourstore.com/wp-admin/*
Setting: Cache Level = Bypass

ปลั๊กอินแนะนำสำหรับ Caching

นอกจาก Redis ให้ติดตั้งปลั๊กอินเพิ่มเติมเพื่อ Cache ระดับ HTTP:

  • WP Super Cache – Page Cache ที่ไม่ซับซ้อน ดีสำหรับร้านค้าขนาดเล็ก
  • W3 Total Cache – Full-featured caching plugin
  • Hummingbird – ดีสำหรับ Performance Optimization และ Speed Test
  • Cloudflare APO – Auto Page Optimization ของ Cloudflare (Pro Plan)

ทำความสะอาด Database

WooCommerce สร้าง Transients และข้อมูลชั่วคราวจำนวนมากใน Database ควรทำความสะอาดเก่าๆที่ไม่ใช้แล้ว:

ใช้ WP-CLI

wp transient delete --all
wp db optimize

ใช้ปลั๊กอิน

ติดตั้ง WP-Optimize หรือ Advanced Database Cleaner เพื่อลบ:

  • Expired Transients
  • Post Revisions เก่า
  • Spam Comments และ Trashed Posts
  • Failed Scheduled Actions

ตั้งค่า Image Optimization

รูปภาพสินค้ามักใหญ่ และไม่ได้ Optimize ควรติดตั้งปลั๊กอิน Image Optimization:

  • ShortPixel – Lossless compression ที่ดี
  • Imagify – เร็วและราคาถูก
  • EWWW Image Optimizer – ฟรีและ Open Source
  • Smush – ทำงานแบบ Automatic ได้ดี

นอกจากนี้ให้ใช้ WebP Format (Browser Support ดี) เพื่อลดขนาดรูปลง 25-30%

ติดตั้ง Lazy Loading

Lazy Loading จะโหลดรูปเฉพาะที่อยู่ในระดับที่ผู้ใช้เห็น ลดการโหลดรูปที่ไม่ต้องใช้:

// ใน wp-config.php หรือ functions.php
add_filter('wp_lazy_loading_enabled', '__return_true');

ปลั๊กอิน WooCommerce เวอร์ชัน 5.0+ รองรับ Native Lazy Loading แล้ว ไม่ต้องติดตั้งเพิ่มเติม

ผลลัพธ์ที่คาดหวัง

หลังจากตั้งค่า Redis + CDN + Image Optimization + Database Cleanup แล้ว คุณจะเห็นการปรับปรุง:

  • Page Load Time ลดลง 40-60% (จาก 3-5s เหลือ 1-2s)
  • TTFB ลดลง 60-80% ด้วย Redis Cache
  • Image Load Time ลดลง 50% ด้วย CDN + Optimization
  • Database Load ลดลง 80-90% ลดการใช้ CPU
  • Conversion Rate เพิ่มขึ้น 10-15% เพราะความเร็ว
  • Google PageSpeed Score เพิ่มจาก 30-40 เป็น 85-95+
  • VPS สามารถรองรับ Traffic มากขึ้น 3-5 เท่า

Tips เพิ่มเติมสำหรับ Cloud VPS

  • ใช้ SSD ของ Cloud VPS ทำให้ Database Query เร็วขึ้นมาก
  • ปรับ PHP Settings – เพิ่ม max_execution_time เป็น 60 วินาที สำหรับ Background Jobs
  • เปิด GZIP Compression ใน Apache/Nginx เพื่อบีบอัดเพจแต่ละหน้า
  • ตั้งค่า PHP-FPM หรือ mod_php ให้มี Worker Process พอเพียง
  • Monitor CPU Memory ด้วย New Relic หรือ Datadog เพื่อ Track Performance