Core Web Vitals: เว็บโหลดช้าเสียลูกค้ายังไง วัดด้วย 3 ตัวเลข

ทำไม load speed = revenue

Google เผยข้อมูลใน 2017 ว่าหน้าเว็บที่โหลด 3-5 วินาที มี bounce rate สูงกว่าหน้าที่โหลด 1 วินาทีถึง 32% ในเว็บ e-commerce ทุก 100ms ที่โหลดช้าลง = conversion rate ลดลง 1%

ในมุม SEO — Google ใช้ Core Web Vitals เป็น ranking signal ตั้งแต่ June 2021 เว็บที่ไม่ผ่านเกณฑ์มีโอกาสติดอันดับต่ำลง

Core Web Vitals 3 ตัวที่ต้องรู้

1. LCP — Largest Contentful Paint

เวลาที่ content ก้อนใหญ่ที่สุด ในหน้าโหลดเสร็จ (มักเป็น hero image หรือ heading) วัดจากเริ่ม load page ถึง element ใหญ่สุดปรากฏ

• ดี: < 2.5 วินาที
• พอใช้: 2.5 - 4 วินาที
• ไม่ผ่าน: > 4 วินาที

2. INP — Interaction to Next Paint

เวลาที่ browser ตอบสนอง หลังผู้ใช้คลิก/แตะ (เช่น กดปุ่ม แล้วต้องรอกี่ ms ถึงเห็นการเปลี่ยนแปลง) แทน FID เดิมตั้งแต่ March 2024

• ดี: < 200ms
• พอใช้: 200ms - 500ms
• ไม่ผ่าน: > 500ms

3. CLS — Cumulative Layout Shift

ค่าวัด การกระโดดของ layout ระหว่างโหลด (เช่น รูปโหลดช้าทำให้ปุ่มเลื่อนตำแหน่ง — ทำให้ผู้ใช้กดผิด) ไม่มีหน่วย เป็นค่าตัวเลข

• ดี: < 0.1
• พอใช้: 0.1 - 0.25
• ไม่ผ่าน: > 0.25

5-min Audit — ตรวจเองได้ไม่ต้องเป็น dev

1. เปิด PageSpeed Insights
2. ใส่ URL เว็บที่จะตรวจ — กด Analyze
3. รอ 30 วินาที — จะได้ score 0-100 + ตัวเลข LCP/INP/CLS ทั้ง mobile และ desktop
4. ดูส่วน "Opportunities" — Google บอกเลยว่าจุดไหนปรับได้
5. เปรียบเทียบกับคู่แข่งในวงการเดียวกัน ใส่ URL ของเขาดูบ้าง

โหลด LCP เกิน 4 วินาที = ลูกค้าเข้าหน้าแรกแล้วเห็นจอขาวก่อน 4 วินาทีเต็มๆ — คนส่วนใหญ่ปิดทันที

5 จุดที่ทำให้เว็บไทยโหลดช้าบ่อยสุด

1. รูป hero ไม่ optimize — รูป PNG/JPG ขนาด 5-10 MB แทนที่จะใช้ WebP/AVIF 200 KB
2. โหลด plugin/script เยอะเกิน — chat widget, popup, tracking pixel 10 ตัว — แต่ละตัว block render
3. Font ไม่ preload — ใช้ Google Fonts โดยไม่ตั้ง preconnect ทำให้ text แสดงช้า + เกิด FOIT
4. Theme/Template ทับซ้อน — WordPress theme ที่มี CSS/JS 5 ล้านบรรทัดสำหรับ feature ที่ไม่ใช้
5. Hosting ไม่ดี — shared hosting ราคา 100 บาท/เดือน โหลด server ช้ากว่า 1 วินาทีก่อน render ด้วยซ้ำ

เมื่อไหร่ DIY ได้ เมื่อไหร่ควรจ้าง

DIY ได้ ถ้า: WordPress + ติดตั้ง cache plugin + optimize รูปด้วย Shortpixel ได้ ปกติแก้ LCP ลดได้ 30-50%

ควรจ้าง ถ้า: ใช้ template ที่ source code ปิด, เว็บมี SPA/JavaScript heavy, หรือเปลี่ยน core architecture (เช่น migrate จาก WordPress ไป Next.js)

ขอ Audit ฟรี

ถ้าเว็บปัจจุบันผ่าน PageSpeed ไม่ขึ้น 80 หรือ LCP เกิน 3 วินาที — เราเปิด Free Audit สำหรับ 5 เว็บแรก/เดือน ให้ Report + บอกจุดที่ต้อง fix อย่างละเอียด ใช้ผลไป fix เอง / จ้างคนอื่น / หรือคุยกับเราต่อก็ได้