Core Web Vitals

บทความเกี่ยวกับ Core Web Vitals และการเพิ่มประสิทธิภาพเว็บ

ติดตั้ง RUM ด้วย web-vitals.js ปี 2026: คู่มือเก็บ Core Web Vitals จากผู้ใช้จริง
Core Web Vitals Intermediate

ติดตั้ง RUM ด้วย web-vitals.js ปี 2026: คู่มือเก็บ Core Web Vitals จากผู้ใช้จริง

คู่มือครบวงจรติดตั้ง Real User Monitoring ด้วย web-vitals.js v5 พร้อมการส่งข้อมูลด้วย sendBeacon, Attribution Build, การแยก percentile ตามอุปกรณ์ และการเปรียบเทียบกับ CrUX API

Nadia El-Sayed 9 นาทีในการอ่าน
เพิ่มประสิทธิภาพ bfcache ปี 2026: คู่มือทำให้หน้าเว็บโหลดทันทีเมื่อกด Back/Forward
Core Web Vitals Advanced

เพิ่มประสิทธิภาพ bfcache ปี 2026: คู่มือทำให้หน้าเว็บโหลดทันทีเมื่อกด Back/Forward

bfcache ทำให้การกด Back/Forward คืนหน้าเว็บได้ในเวลา <100ms อ่านวิธีวัด hit rate, แก้ blocker no-store, unload handler และใช้ NotRestoredReasons API ปี 2026

Editorial Team 9 นาทีในการอ่าน
HTTP 103 Early Hints ปี 2026: คู่มือเร่ง TTFB และ LCP ด้วย Preload และ Preconnect
Core Web Vitals Advanced

HTTP 103 Early Hints ปี 2026: คู่มือเร่ง TTFB และ LCP ด้วย Preload และ Preconnect

HTTP 103 Early Hints ช่วยให้เบราว์เซอร์เริ่ม preload critical resources ก่อน HTML ตัวจริงจะมาถึง ลด LCP 200-450ms บนหน้าที่ TTFB สูง พร้อมตัวอย่างบน Cloudflare, Node.js และ Nginx

Alex Petrov 9 นาทีในการอ่าน
Long Animation Frames API ปี 2026: คู่มือวินิจฉัย Main Thread Blocking และเพิ่ม INP
Core Web Vitals

Long Animation Frames API ปี 2026: คู่มือวินิจฉัย Main Thread Blocking และเพิ่ม INP

เรียนรู้ Long Animation Frames API (LoAF) สำหรับวินิจฉัย Main Thread Blocking และเพิ่ม INP ในปี 2026 พร้อมโค้ดตัวอย่าง PerformanceObserver, script attribution และวิธี integrate กับ web-vitals

Marcus Halloway 5 นาทีในการอ่าน
Speculation Rules API ปี 2026: คู่มือ Prerender และ Prefetch โหลดหน้าเว็บทันที
Core Web Vitals

Speculation Rules API ปี 2026: คู่มือ Prerender และ Prefetch โหลดหน้าเว็บทันที

Speculation Rules API ช่วยให้เว็บโหลดหน้าถัดไปแบบทันทีด้วย Prerender และ Prefetch คู่มือฉบับสมบูรณ์พร้อมตัวอย่างโค้ดจริง รองรับ WordPress 6.8 และ Astro สำหรับปี 2026

Priya Ravindran 14 นาทีในการอ่าน
เพิ่มประสิทธิภาพ INP ปี 2026: คู่มือฉบับสมบูรณ์พร้อมตัวอย่างโค้ดจริง
Core Web Vitals

เพิ่มประสิทธิภาพ INP ปี 2026: คู่มือฉบับสมบูรณ์พร้อมตัวอย่างโค้ดจริง

เจาะลึก INP ทั้ง 3 เฟส พร้อมเทคนิคแก้ไขจริง ตั้งแต่ scheduler.yield() และ Web Workers ไปจนถึง React useTransition, Vue v-memo และ Angular @defer รวมกรณีศึกษาและ checklist สำหรับปี 2026

Yuki Tanabe 18 นาทีในการอ่าน