ลูกค้า 53% ออกจากเว็บถ้าโหลดนานกว่า 3 วินาที และในญี่ปุ่น ที่ลูกค้าส่วนใหญ่ใช้มือถือในการค้นหา เว็บที่ช้าทำให้เสียทั้งลูกค้าและอันดับ Google ไปพร้อมกัน
บทความนี้รวม เช็กลิสต์ที่ทำได้ด้วยตัวเอง สำหรับร้านค้าขนาดเล็กที่ไม่ได้มีทีม developer
ตรวจความเร็วเว็บก่อน
ก่อนแก้ไข ตรวจก่อนว่าเว็บช้าขนาดไหน:
- Google PageSpeed Insights (pagespeed.web.dev) — ฟรี ตรวจทั้ง Mobile และ Desktop
- GTmetrix (gtmetrix.com) — รายละเอียดมากขึ้น
- Google Search Console → Core Web Vitals — ข้อมูลจากผู้ใช้จริง
เป้าหมาย:
- Mobile Score: 70+ (60+ ก็ยอมรับได้สำหรับเริ่มต้น)
- LCP(Largest Contentful Paint): ไม่เกิน 2.5 วินาที
- CLS(Cumulative Layout Shift): ต่ำกว่า 0.1
เช็กลิสต์ปรับความเร็วเว็บ
1. ภาพถ่าย(มีผลมากที่สุด)
ภาพที่ไม่ได้ compress เป็นสาเหตุ #1 ของเว็บช้า:
□ บีบอัดรูปก่อนอัปโหลดด้วย TinyPNG (tinypng.com) หรือ Squoosh
□ ขนาดรูปไม่เกิน 200KB สำหรับรูปทั่วไป
□ ขนาดรูป Cover / Hero ไม่เกิน 400KB
□ ใช้ format WebP แทน JPG/PNG ถ้า platform รองรับ
□ ระบุ width และ height ใน img tag ทุกรูป(ป้องกัน CLS)
□ ใช้ lazy loading สำหรับรูปที่อยู่ด้านล่างของหน้า
2. Hosting และ CDN
□ ตรวจสอบว่า server ตั้งอยู่ในญี่ปุ่น(หรือใกล้เคียง)
□ เปิดใช้งาน CDN(เช่น Cloudflare ฟรี tier)
□ เปิดใช้งาน Browser Caching
□ เปิดใช้งาน GZIP / Brotli compression
3. Font และ JavaScript
□ ลดจำนวน Google Fonts(ใช้ไม่เกิน 2 font family)
□ โหลด font ด้วย display=swap เพื่อไม่ให้ block rendering
□ ลด plugin หรือ script ที่ไม่ได้ใช้
□ defer / async JavaScript ที่ไม่จำเป็นต้องโหลดทันที
4. Mobile-Specific
□ ตรวจสอบว่าปุ่มมีขนาดพอคลิกได้สบาย(อย่างน้อย 44x44px)
□ Text ขนาดอ่านง่ายบนมือถือ(ไม่ต้อง zoom)
□ ไม่มี pop-up ที่ block เนื้อหาบนมือถือ(Google ลงโทษ)
□ ทดสอบ Mobile Usability ใน Google Search Console
5. สำหรับ WordPress
□ ใช้ Caching Plugin(WP Rocket, W3 Total Cache, LiteSpeed Cache)
□ ลด plugin ที่ไม่จำเป็นออก
□ ใช้ Theme ที่เบา ไม่มี feature ที่ไม่ได้ใช้มาก
□ ปิดการใช้งาน Emoji Script(ถ้าไม่ใช้ emoji)
ตัวอย่าง: ปรับภาพก่อนอัปโหลด(ขั้นตอนง่าย)
- ถ่ายรูปหรือดาวน์โหลดรูปมา
- เปิด squoosh.app บนเบราว์เซอร์
- อัปโหลดรูป → เลือก format WebP → ปรับ Quality เป็น 80%
- ดาวน์โหลดและอัปโหลดเวอร์ชั่นบีบอัดแทนรูปเดิม
รูปที่เคย 2MB อาจเหลือ 150–200KB โดยภาพยังสวยเหมือนเดิม
คำถามที่พบบ่อย
เว็บ Wix หรือ Shopify ปรับ page speed ได้ไหม
ได้บ้าง แต่จำกัดกว่า WordPress เพราะแพลตฟอร์มจัดการ infrastructure เอง สิ่งที่ทำได้คือ: ปรับขนาดรูป ลด app/plugin ที่ไม่ใช้ และเลือก theme ที่เบา
Score ต่ำแต่เว็บโหลดเร็ว ทำไม
Google PageSpeed Score วัดหลายปัจจัย รวมทั้ง CLS และ FID ที่อาจเป็นปัญหาแม้ LCP จะดี ตรวจดูว่า factor ไหนที่ score ต่ำ แล้วแก้ทีละจุด
ต้องให้ developer ช่วยไหม
สำหรับ step พื้นฐานอย่างการปรับรูปและ hosting ทำเองได้ แต่ถ้าต้องแก้โค้ด JS หรือปรับ server config แนะนำให้ขอความช่วยเหลือ
สรุป
- ปรับ รูปภาพก่อน เพราะมีผลมากที่สุดและทำเองได้ง่ายที่สุด
- ตรวจสอบด้วย PageSpeed Insights และ Search Console
- เน้น Mobile เพราะลูกค้าในญี่ปุ่นใช้มือถือค้นหาเป็นส่วนใหญ่
- แก้ทีละจุดตาม Checklist ไม่ต้องทำทุกอย่างพร้อมกัน
ต้องการให้ช่วยตรวจสอบและปรับความเร็วเว็บของร้าน? ปรึกษา OmiseWeb ผ่าน Facebook Messenger