เว็บไซต์

PageSpeed คืออะไร? ทำไมเว็บโหลดช้า 1 วินาทีถึงทำให้เสียลูกค้า และแก้อย่างไร

Google ใช้ความเร็วเว็บเป็นปัจจัยจัดอันดับ และผู้ใช้มือถือกดออกเมื่อรอเกิน 3 วินาที อธิบายคะแนน PageSpeed แบบเข้าใจง่าย พร้อม 6 สาเหตุที่ทำให้เว็บช้าและวิธีแก้

TUMWEBSITEอ่าน 3 นาที

PageSpeed คืออะไร? ทำไมเว็บโหลดช้า 1 วินาทีถึงทำให้เสียลูกค้า และแก้อย่างไร

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

PageSpeed Insights คืออะไร

เครื่องมือฟรีของ Google (pagespeed.web.dev) ใส่ URL แล้วได้คะแนน 0–100 แยกมือถือและคอมพิวเตอร์ พร้อมรายการสิ่งที่ควรแก้ คะแนนมาจาก Lighthouse ซึ่งจำลองการเปิดเว็บบนมือถือระดับกลางผ่านเน็ต 4G ช้า ๆ จึงมักต่ำกว่าที่คุณเห็นบนคอมพิวเตอร์ที่ออฟฟิศ

เกณฑ์อ่านคะแนน: 90–100 ดี, 50–89 ควรปรับ, ต่ำกว่า 50 มีปัญหาที่กระทบผู้ใช้จริง

ตัวเลขที่ Google สนใจจริง ๆ (Core Web Vitals)

คะแนนรวมเป็นแค่ภาพกว้าง สิ่งที่ Google ใช้จัดอันดับคือ 3 ค่านี้

  1. LCP (Largest Contentful Paint) เวลาที่ส่วนใหญ่สุดของหน้า (มักเป็นรูป hero) แสดงเสร็จ เป้าหมายไม่เกิน 2.5 วินาที
  2. INP (Interaction to Next Paint) เว็บตอบสนองเร็วแค่ไหนเมื่อกดปุ่มหรือเมนู เป้าหมายไม่เกิน 200 มิลลิวินาที
  3. CLS (Cumulative Layout Shift) หน้าเว็บกระโดดระหว่างโหลดไหม (เช่น กำลังจะกดปุ่มแล้วรูปโหลดมาดันปุ่มลง) เป้าหมายต่ำกว่า 0.1

6 สาเหตุที่เว็บช้า และวิธีแก้

1. รูปใหญ่เกินจำเป็น

สาเหตุอันดับหนึ่งของเว็บไทย อัปโหลดรูปจากกล้อง 5 MB มาแสดงในกรอบกว้าง 400 พิกเซล แก้โดยย่อรูปให้เท่าขนาดที่แสดงจริง และใช้ไฟล์ WebP ซึ่งเล็กกว่า JPG ราว 30% โดยคุณภาพเท่ากัน

2. โหลดสคริปต์ที่ไม่ได้ใช้

ปลั๊กอิน แชทบอท โค้ดติดตามหลายตัว แต่ละตัวเพิ่มเวลาโหลด ตรวจว่าตัวไหนใช้จริง ตัวที่ไม่ใช้ให้ถอด

3. ไม่มี Cache และการบีบอัด

ไฟล์ควรถูกบีบอัด (gzip/brotli) ก่อนส่ง และตั้งให้เบราว์เซอร์จำไฟล์ไว้เพื่อไม่ต้องโหลดซ้ำ การใช้ CDN เช่น Cloudflare ช่วยเรื่องนี้ได้ทันทีและมีแผนฟรี

4. ฟอนต์หลายแบบหลายน้ำหนัก

ฟอนต์ไทยแต่ละน้ำหนักมีขนาดหลายสิบ KB ใช้ 2 น้ำหนักพอ (ปกติกับหนา) และโหลดแบบ swap ให้ข้อความแสดงก่อนด้วยฟอนต์สำรอง

5. เซิร์ฟเวอร์ตอบช้า

โฮสติ้งราคาถูกที่แชร์กับเว็บหลายร้อยแห่ง หรือเซิร์ฟเวอร์อยู่ต่างประเทศไกลจากผู้ใช้ไทย แก้โดยเลือกโฮสติ้งที่มีเซิร์ฟเวอร์ในภูมิภาค หรือใช้ CDN ให้เสิร์ฟจาก edge ใกล้ผู้ใช้

6. เทมเพลตที่แบกทุกฟีเจอร์

ธีมสำเร็จรูปมักโหลดโค้ดของทุกฟีเจอร์แม้คุณใช้แค่ 10% เว็บที่พัฒนาเฉพาะจึงเบากว่าโดยธรรมชาติ

ถ้าเว็บช้าเพราะโครงสร้างหรือเทมเพลต การปรับทีละจุดอาจไม่พอ ดูว่าเราพัฒนาเว็บให้โหลดเร็วอย่างไรได้ที่บริการพัฒนาเว็บไซต์

ความเร็วกับยอดขาย

งานวิจัยของ Google เองระบุว่าเมื่อเวลาโหลดเพิ่มจาก 1 เป็น 3 วินาที โอกาสที่ผู้ใช้กดออกเพิ่มขึ้น 32% และยิ่งช้ายิ่งเพิ่มแบบก้าวกระโดด สำหรับร้านค้าออนไลน์ ทุกวินาทีที่ช้าลงคือออเดอร์ที่หายไปแบบไม่มีใครรู้

ถ้ากำลังตัดสินใจระหว่างทำเว็บเองด้วยเทมเพลตกับจ้างทำ ความเร็วเป็นปัจจัยหนึ่งที่ควรชั่ง อ่านทำเว็บเองกับจ้างทำ

เช็กเว็บคุณตอนนี้

  1. เปิด pagespeed.web.dev ใส่ URL หน้าแรก
  2. ดูแท็บ มือถือ ก่อน เพราะเป็นอุปกรณ์ที่ลูกค้าส่วนใหญ่ใช้
  3. ดูหัวข้อ "โอกาส" (Opportunities) เรียงจากที่ประหยัดเวลาได้มากสุด
  4. ถ้าคะแนนต่ำกว่า 50 บนมือถือ ปัญหาน่าจะอยู่ที่รูปหรือเทมเพลต ซึ่งแก้ได้

เว็บของคุณได้คะแนนเท่าไร ถ้าอยากให้เราช่วยดูและบอกว่าแก้ตรงไหนคุ้มสุด ส่ง URL มาที่หน้าติดต่อ ไม่มีค่าใช้จ่าย

  • #PageSpeed
  • #ความเร็วเว็บ
  • #Core Web Vitals
  • #SEO