Web Performance: จากหน้าที่ช้าไปยัง Lighthouse 100s
ประสิทธิภาพของเว็บคือความแตกต่างระหว่างเว็บไซต์ที่แปลงผลและเว็บไซต์ที่ถูกละทิ้ง หน่วงเวลาการแสดงผลเพียงไม่กี่มิลลิวินาที่มีผลต่ออัตราการออกจากเว็บ คะแนน Core Web Vitals และการจัดอันดับการค้นหา แทร็กนี้ครอบคลุมสแต็กการปรับให้เหมาะสมทั้งหมด ตั้งแต่ Lighthouse audits และ Core Web Vitals ไปจนถึงการดำเนินการ JavaScript การปรับแต่งฝั่งเซิร์ฟเวอร์ และการติดตามผู้ใช้จริง ซึ่งอิงตามเครื่องมือที่เบราว์เซอร์และ Google วัดจริงๆ
สิ่งที่คุณจะได้เรียนรู้
คุณจะเรียนรู้วิธีการเรียกใช้และตีความ Lighthouse audits ปรับให้เหมาะสมสำหรับรูปภาพ สื่อ CSS และฟอนต์เพื่อลดขนาดเพย์โหลด และเข้าใจวิธีการทำงานของเส้นทางการแสดงผลที่สำคัญและตำแหน่งที่ควรเบี่ยงเบนไป คุณจะวัดประสบการณ์ของผู้ใช้ผ่าน Core Web Vitals (LCP, CLS, INP) กำหนดและบังคับใช้ performance budgets นำ HTTP caching และกลยุทธ์ระดับเครือข่ายมาใช้ เขียน JavaScript ที่รวดเร็วขึ้นโดยหลีกเลี่ยง layout thrash และ long tasks ปรับแต่งเวลาการตอบสนองฝั่งเซิร์ฟเวอร์ และตั้งค่าการจราจรในการผลิตด้วย Real User Monitoring (RUM) ควบคู่ไปกับการทดสอบแบบสังเคราะห์
เส้นทางการเรียนรู้
สิบสองหลักสูตรครอบคลุม A1 ถึง C1 แทร็กเปิดด้วยแนวคิดหลักและบทนำ Lighthouse ครั้งแรก จากนั้นไปยังการปรับให้เหมาะสมสำหรับรูปภาพและสื่อ กลยุทธ์ CSS และฟอนต์ และ Core Web Vitals ที่ระดับ B1 หลักสูตร B2 ครอบคลุมเส้นทางการแสดงผลที่สำคัญ Lighthouse ที่ปรับแต่งขั้นสูง network caching และ performance budgets หลักสูตร C1 สุดท้าย — JavaScript Performance Best Practices, Server-Side Performance & Backend Optimization และ Real User Monitoring (RUM) & Synthetic Monitoring — แก้ไขความกังวลระดับการผลิตที่เกินไปกว่าสิ่งที่การตรวจสอบครั้งเดียวเผยให้เห็น
วิธีการทำงาน
แต่ละหลักสูตรแบ่งออกเป็นบทเรียนที่สั้นและใช้มือจริงซึ่งคุณทำให้เสร็จในตัวแก้ไขแบบในตัวพร้อมข้อเสนอแนะแบบเรียลไทม์และอาจารย์ AI ที่พร้อมช่วยเหลือเมื่อคุณติดขัด แนวคิดจะได้รับการเสริมแรงทันทีผ่านแบบฝึกหัดที่เชื่อมต่อกับเครื่องมือเบราว์เซอร์และเมตริก Lighthouse จริง เพื่อให้คุณทำให้เสร็จแต่ละเซッชันด้วยสิ่งที่วัดได้ ไม่ใช่แค่บันทึกย่อ