Web Performance Optimization & Lighthouse · บทเรียน

ทำความเข้าใจการให้คะแนน Lighthouse

ทำความเข้าใจวิธีที่ Lighthouse เปลี่ยนค่าการวัดดิบให้เป็นคะแนนประสิทธิภาพ 0-100 รวมถึงน้ำหนักของตัวชี้วัด เส้นโค้งการให้คะแนน และสาเหตุที่คะแนนอาจผันผวน

บทเรียน 4 จาก 413 ขั้นตอน

ทำความเข้าใจการให้คะแนน 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. รู้จัก Google Lighthouse
  2. การตรวจสอบครั้งแรกของคุณ
  3. การตีความรายงาน Lighthouse
  4. ทำความเข้าใจการให้คะแนน Lighthouse
← กลับไปที่ Web Performance Optimization & Lighthouse