ทำความเข้าใจการให้คะแนน Lighthouse
ทำความเข้าใจวิธีที่ Lighthouse เปลี่ยนค่าการวัดดิบให้เป็นคะแนนประสิทธิภาพ 0-100 รวมถึงน้ำหนักของตัวชี้วัด เส้นโค้งการให้คะแนน และสาเหตุที่คะแนนอาจผันผวน
ทำความเข้าใจการให้คะแนน Lighthouse เป็นบทเรียน Web Performance Optimization & Lighthouse ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Web Performance Optimization & Lighthouse และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Web Performance Optimization & Lighthouse มีบทเรียนทั้งหมด 4 บทเรียน
บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ
What the Number Means
The Lighthouse Performance score is a 0-100 summary of several lab metrics. It is a weighted blend, not a single measurement, so improving one metric does not always move the score the same amount.
The Weighted Metrics
The score is built from a handful of metrics, each with a weight. The biggest contributors are typically Largest Contentful Paint, Total Blocking Time, and Cumulative Layout Shift.
Metric Weights
In recent Lighthouse versions the approximate weights are: TBT 30%, LCP 25%, CLS 25%, FCP 10%, Speed Index 10%. Heavier-weighted metrics move the score most.
Each Metric Gets a Score
Every raw metric value is first mapped to its own 0-100 sub-score using a log-normal scoring curve derived from real-world data. The weighted average of these sub-scores is the final number.
The Scoring Curve
The curve is non-linear. Near the fast end, shaving milliseconds barely helps; in the middle, the same improvement can jump your score several points. This is why mid-range pages see big gains from small fixes.
Color Bands
- 0-49 red (poor)
- 50-89 orange (needs improvement)
- 90-100 green (good)
Aim for green, but treat the bands as guidance, not a finish line.
Lab vs Field
Lighthouse runs in a lab: a single simulated load on throttled hardware. Real users vary by device and network, so lab scores are a controlled proxy, not exact field data.
Why Scores Fluctuate
Variance comes from network jitter, background CPU, A/B tests, and third-party scripts. Run audits multiple times and look at the median rather than a single run.
Reading the Calculator
Lighthouse reports link to a scoring calculator. Paste your metric values to see how each contributes and simulate the impact of a fix before you build it.
Don't Chase 100
A perfect 100 is rarely worth the effort. Focus on getting heavy-weighted metrics into the green and on real user experience over the vanity number.
Practical Strategy
- Target TBT and LCP first (highest weight).
- Run 3-5 audits, use the median.
- Use the calculator to prioritize fixes.
- Validate against field data when possible.
Quick Check
Two pages improve a metric by the same amount, but their scores change differently. Why?
Recap
You learned the Lighthouse Performance score is a weighted blend of metric sub-scores, mapped through a non-linear curve, run in a lab environment. Focus on heavy-weighted metrics, use medians, and prioritize with the scoring calculator.
เรียนรู้ Web Performance Optimization & Lighthouse ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 12
- บทเรียน
- 48
คำถามที่พบบ่อย
บทเรียน “ทำความเข้าใจการให้คะแนน Lighthouse” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ทำความเข้าใจการให้คะแนน Lighthouse” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Web Performance Optimization & Lighthouse ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Web Performance Optimization & Lighthouse มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ทำความเข้าใจการให้คะแนน Lighthouse”
ทำความเข้าใจวิธีที่ Lighthouse เปลี่ยนค่าการวัดดิบให้เป็นคะแนนประสิทธิภาพ 0-100 รวมถึงน้ำหนักของตัวชี้วัด เส้นโค้งการให้คะแนน และสาเหตุที่คะแนนอาจผันผวน คุณปฏิบัติ Web Performance Optimization & Lighthouse ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Web Performance Optimization & Lighthouse หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Web Performance Optimization & Lighthouse บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน
บทเรียน “ทำความเข้าใจการให้คะแนน Lighthouse” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Web Performance Optimization & Lighthouse นี้ได้ไหม
ได้ บทเรียน Web Performance Optimization & Lighthouse ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- รู้จัก Google Lighthouse
- การตรวจสอบครั้งแรกของคุณ
- การตีความรายงาน Lighthouse
- ทำความเข้าใจการให้คะแนน Lighthouse