
CLS คืออะไร? วิธีลด Cumulative Layout Shift ให้ < 0.1 ปี 2026 — เพิ่ม SEO + UX | Southern Whale
CLS คือเมตริกที่วัดความเสถียรของหน้าเว็บ — Layout Shift ที่เกิดขึ้นโดยไม่คาดคิดทำลาย UX และ SEO บทความนี้สอนคุณลด CLS ให้เหลือต่ำกว่า 0.1
ความเร็วเว็บมีผลสองทาง ทางแรกคือผู้ใช้ที่ปิดหน้าไปก่อนเนื้อหาจะขึ้น ทางที่สองคืออันดับ ซึ่งเป็นผลรอง Google ใช้ความเร็วเป็นตัวตัดสินเมื่อหน้าอื่นสูสีกัน ไม่ได้ใช้เป็นตัวชี้ขาด
ในไทยเรื่องนี้สำคัญกว่าค่าเฉลี่ยโลก เพราะสัดส่วนผู้ใช้มือถือสูงมาก และผู้เข้าชมจำนวนหนึ่งใช้เครือข่ายที่ไม่เสถียร เว็บที่เร็วบนคอมพิวเตอร์อาจช้ามากบนมือถือจริง
สามตัวเลขที่ Google ใช้วัดคือ LCP, INP และ CLS แต่ละตัวสะท้อนคนละอาการที่ผู้ใช้รู้สึกได้จริง
อ่านทีละตัวจะเข้าใจว่าอาการที่ผู้ใช้บ่นตรงกับตัวเลขไหน
เครื่องมือวัดให้ตัวเลขต่างกันได้มากขึ้นกับวิธีวัด การรู้ว่าเครื่องมือไหนบอกอะไรช่วยไม่ให้ไล่แก้ผิดจุด
เกิน 90 บนมือถือถือว่าดีมาก แต่คะแนนไม่ใช่เป้าหมายในตัวเอง ถ้าคะแนน 75 แต่หน้าขึ้นเร็วในการใช้งานจริงของผู้ใช้ ก็ดีกว่าคะแนน 95 ที่ได้จากการทดสอบในห้องแล็บอย่างเดียว
ในเว็บไทยส่วนใหญ่ใช่ รูปที่อัปโหลดขนาดเต็มโดยไม่ย่อและไม่แปลงฟอร์แมต เป็นสาเหตุที่พบบ่อยที่สุดและแก้ได้เร็วที่สุด
อยากให้เราทำให้

CLS คือเมตริกที่วัดความเสถียรของหน้าเว็บ — Layout Shift ที่เกิดขึ้นโดยไม่คาดคิดทำลาย UX และ SEO บทความนี้สอนคุณลด CLS ให้เหลือต่ำกว่า 0.1

INP แทนที่ FID ตั้งแต่มีนาคม 2024 — เป็น Core Web Vitals ใหม่ที่วัดความเร็วทุก Interaction ของผู้ใช้ บทความนี้ครอบคลุมทุกอย่างที่คุณต้องรู้

LCP คือเมตริกที่วัดเวลาที่ Element ใหญ่ที่สุดบนหน้าเว็บปรากฏ — เป็น Core Web Vitals ที่ส่งผลต่อ SEO และความรู้สึกของผู้ใช้โดยตรง บทความนี้สอนคุณลด LCP ให้ต่ำกว่า 2.5 วินาที

Score 35 บน PageSpeed ไม่ได้แปลว่าเว็บคุณช้าจริงเสมอ — บทความนี้สอนอ่าน Lab vs Field Data + วิธีแก้ทุก audit แบบที่ developer ใช้จริง

TTFB เร็วคือฐานรากของทุกอย่าง — ถ้า server ตอบช้า 1 วินาที ก็ไม่มี optimization อะไรช่วยได้ บทความนี้บอกทุกวิธีลด TTFB ให้เหลือต่ำกว่า 200ms

AVIF ลดขนาดได้ 50% มากกว่า WebP แต่ encode ช้ากว่า 5 เท่า — บทความนี้บอกชัดว่าควรใช้อันไหน เมื่อไหร่ และ implement อย่างไร