Lighthouse 2026: คู่มือตรวจสอบ Core Web Vitals SEO ฟรี

# Lighthouse 2026: คู่มือตรวจสอบ Core Web Vitals และ SEO ฟรีสำหรับ SME ไทย

ในยุคที่ Google ใช้ Page Experience และ Core Web Vitals เป็นปัจจัยจัดอันดับใน Search Results ความเร็วของเว็บไซต์ไม่ใช่แค่เรื่อง UX แต่กลายเป็นเรื่อง SEO โดยตรง ธุรกิจ SME ไทยจำนวนมากลงทุนทำ content และ ads แต่กลับสูญเสีย conversion เพราะหน้าโหลดช้าหรือ layout shift รุนแรง

Lighthouse คือเครื่องมือฟรีจาก Google ที่ตอบโจทย์เรื่องนี้ตั้งแต่ตรวจวินิจฉัย ไปจนถึงให้คำแนะนำการแก้ไขเชิงเทคนิค บทความนี้จะอธิบาย Lighthouse แบบเข้าใจง่าย วิธีรันแบบต่าง ๆ การอ่านผล Core Web Vitals และ checklist ปรับปรุงคะแนนให้เกิน 90 สำหรับเว็บไซต์ทุกประเภท

Lighthouse คืออะไร?

Lighthouse คือเครื่องมือ open-source automated auditing ที่ Google พัฒนามาตั้งแต่ปี 2016 ใช้ตรวจสอบคุณภาพของหน้าเว็บใน 5 หมวด ได้แก่ Performance, Accessibility, Best Practices, SEO และ Progressive Web App สามารถรันได้ทั้งใน Chrome DevTools, Command Line, Node Module และ Lighthouse CI สำหรับใส่ใน pipeline

ในปี 2026 Lighthouse เวอร์ชันล่าสุดใช้เกณฑ์ Core Web Vitals ของ Google ครบ 3 ตัวหลัก คือ LCP, INP (เข้ามาแทน FID ตั้งแต่มีนาคม 2024) และ CLS ซึ่งเป็นตัววัดที่ Google ใช้จัดอันดับหน้าเว็บใน Search Console จริง

ทำไม SME ไทยต้องสนใจ Lighthouse?

ข้อมูลจากหลาย report ในตลาด e-commerce ไทยแสดงว่า

ทุก 1 วินาทีที่หน้าโหลดช้าลง bounce rate เพิ่มขึ้นเฉลี่ย 32%

53% ของผู้ใช้มือถือจะออกจากเว็บไซต์ที่ใช้เวลาโหลดเกิน 3 วินาที

Core Web Vitals ผ่านเกณฑ์ช่วยเพิ่ม organic traffic เฉลี่ย 12-25% ภายใน 3 เดือน

สำหรับ SME ที่ทำ Lazada, Shopee, Shopify หรือเว็บไซต์ของตนเอง การปรับ Lighthouse score ให้เกิน 90 จึงเทียบได้กับการเพิ่มงบ ads โดยไม่ต้องจ่ายเพิ่ม

เกณฑ์ Core Web Vitals ที่ต้องผ่าน

|--------|------|-------------------|------|

| LCP (Largest Contentful Paint) | ≤ 2.5s | 2.5s - 4.0s | > 4.0s |

| INP (Interaction to Next Paint) | ≤ 200ms | 200 - 500ms | > 500ms |

| CLS (Cumulative Layout Shift) | ≤ 0.1 | 0.1 - 0.25 | > 0.25 |

| FCP (First Contentful Paint) | ≤ 1.8s | 1.8 - 3.0s | > 3.0s |

| TTFB (Time to First Byte) | ≤ 800ms | 800 - 1800ms | > 1800ms |

หากค่าเหล่านี้อยู่ในโซน Good ทั้งหมด หน้าเว็บของคุณจะถือว่า "Pass Core Web Vitals" ใน Search Console และมีโอกาสได้อันดับสูงขึ้น

วิธีใช้งาน Lighthouse 5 รูปแบบ

1. Chrome DevTools (เหมาะสำหรับมือใหม่)

1. เปิดเว็บไซต์ที่ต้องการ audit

2. กด F12 เพื่อเปิด DevTools

3. ไปที่แท็บ Lighthouse

4. เลือก Categories และ Mobile/Desktop

5. กด Analyze page load

2. PageSpeed Insights (Web UI)

ไปที่ https://pagespeed.web.dev ใส่ URL แล้วกด Analyze จะได้ทั้ง Lab Data จาก Lighthouse และ Field Data จาก CrUX (real user) ในหน้าเดียว

3. Lighthouse CLI (สำหรับ Developer)

```bash

npm install -g lighthouse

lighthouse https://yoursite.com --output=html --output-path=./report.html

lighthouse https://yoursite.com --only-categories=performance --form-factor=mobile

```

4. Lighthouse CI (Automation)

ใส่ใน GitHub Actions เพื่อรัน audit อัตโนมัติทุก PR ป้องกันไม่ให้ score ตกต่ำกว่าค่าที่กำหนด

```yaml

uses: treosh/lighthouse-ci-action@v11

with:

urls: |

https://staging.yoursite.com

uploadArtifacts: true

temporaryPublicStorage: true

```

5. Lighthouse Node API (Custom Workflow)

สำหรับ build dashboard เก็บ score ของทุกหน้าใน CMS ของคุณเอง สะดวกสำหรับ agency ที่ดูแลลูกค้าหลายราย

Checklist แก้ Lighthouse Score ให้เกิน 90

Performance

บีบอัดและแปลงรูปเป็น WebP/AVIF ลด file size 30-70%

ใช้ lazy loading ด้วย attribute loading="lazy"

เปิด Cache-Control header ให้ static asset อย่างน้อย 1 ปี

Minify CSS/JS และ enable Brotli compression

ใช้ CDN เช่น Cloudflare หรือ Fastly สำหรับ asset

LCP เฉพาะ

preload hero image และ web font

หลีกเลี่ยง render-blocking resource ใน above-the-fold

ใช้ priority hints (fetchpriority="high") กับรูปสำคัญ

INP เฉพาะ

แยก long task ที่ทำงานเกิน 50ms ด้วย requestIdleCallback

ลดงาน main thread ใน event handler

ใช้ Web Worker สำหรับ logic หนัก

CLS เฉพาะ

กำหนด width/height ให้รูปและ iframe ทุกตัว

จองพื้นที่ให้ ad slot ก่อน script โหลด

หลีกเลี่ยง dynamic content ที่ดันเลย์เอาต์ลงไป

SEO

ใส่ meta description, title และ canonical link

ใช้ semantic HTML (h1, nav, main, article)

เพิ่ม structured data (JSON-LD) ตามประเภทเนื้อหา

ตรวจสอบ robots.txt และ sitemap.xml ให้ถูกต้อง

Use Case ธุรกิจไทย

**E-commerce บน WordPress + WooCommerce**: ปรับ Lighthouse score จาก 38 เป็น 92 หลังย้ายไปใช้ Cloudways + WP Rocket + Cloudflare APO ทำให้ conversion rate เพิ่ม 18%

**Landing page Shopify SME**: ลด LCP จาก 4.8s เหลือ 1.9s ด้วยการ preload hero image และเอา app ที่ไม่ได้ใช้ออก ส่งผลให้ ROAS ของ Facebook Ads ดีขึ้น 22%

**Headless Next.js corporate site**: รัน Lighthouse CI ในทุก PR ทำให้ทีมพัฒนาไม่ต้องไล่แก้ performance regression ภายหลัง ลดเวลา QA ลง 40%

ข้อควรระวัง

Lighthouse เป็น Lab Data ที่รันบน emulated environment ไม่ใช่ real-user data การได้ 100 ใน Lighthouse ไม่ได้แปลว่าผู้ใช้จริงจะเร็วเท่ากันเสมอ

ตัวเลขจะแกว่งได้ 5-10 คะแนนต่อรอบเนื่องจาก network และ CPU variance ควรรันหลายครั้งและใช้ค่าเฉลี่ย

โฟกัสที่ field data ใน Search Console ร่วมด้วยเพื่อให้สะท้อนผู้ใช้ไทยจริง ๆ

สรุปและ CTA

Lighthouse คือเครื่องมือฟรีที่ทรงพลังที่สุดในการตรวจวินิจฉัยและปรับปรุงคุณภาพเว็บไซต์ทั้งด้าน Performance, SEO และ Accessibility สำหรับ SME ไทย การมี Lighthouse score 90+ ใน Mobile หมายถึงโอกาสติดอันดับ Google สูงขึ้น และเพิ่ม conversion จาก Ads ที่ใช้งบเท่าเดิม

Key takeaways

รัน Lighthouse ใน Chrome DevTools ก่อนเป็นจุดเริ่มต้น และใช้ PageSpeed Insights สำหรับ Field Data

โฟกัส LCP, INP, CLS ก่อน metric อื่น เพราะกระทบ ranking โดยตรง

ใส่ Lighthouse CI ใน pipeline เพื่อป้องกัน regression ระยะยาว

หากต้องการ audit เว็บไซต์เดิมหรือออกแบบ Next.js/Laravel ใหม่ที่ผ่าน Core Web Vitals ตั้งแต่วันแรก ทีม ADS FIT พร้อมช่วยวิเคราะห์และวางแผน technical SEO ให้ตรงโจทย์ธุรกิจคุณ ติดต่อ contact@adsfit.co.th หรืออ่านบทความ SEO และ web performance อื่น ๆ เพิ่มเติมที่ ADS FIT Blog

สนใจโซลูชันนี้?

ปรึกษาทีม ADS FIT ฟรี เราพร้อมออกแบบระบบที่ฟิตกับธุรกิจของคุณ

ติดต่อเรา →

Lighthouse 2026: คู่มือตรวจสอบ Core Web Vitals และ SEO ฟรีสำหรับ SME ไทย