Panduan Google Lighthouse

TL;DR — Lighthouse adalah sebuah free Google alat itu grades sebuah halaman web dari 0 untuk 100 pada things like speed dan accessibility. ini runs halaman di sebuah slowed-down “lab” (terjemahan) “lab” — sebuah pretend slow phone pada sebuah slow network — so score adalah sering lower daripada Anda situs feels. ini adalah sebuah great untuk-melakukan list untuk improvements, tetapi sebuah tinggi score doesn’t move Anda up di Google’s rankings.

What Lighthouse adalah

Google Lighthouse adalah sebuah free, open-source alat dari team behind Chrome. Anda poin ini di sebuah URL, ini runs sebuah series dari memeriksa pada halaman, dan ini hands Anda sebuah report card dengan scores di four areas: performa (how fast halaman memuat), Accessibility (dapat people dengan disabilities gunakan ini), Best Practices (umum web hygiene), dan SEO (basic search-friendliness memeriksa).

setiap score runs dari 0 untuk 100, dengan color bands so Anda know di sebuah glance how Anda melakukan:

• 0–49 adalah red — poor
• 50–89 adalah orange — perlu improvement
• 90–100 adalah green — baik

one thing untuk memahami pertama

Lighthouse tests Anda halaman di bawah fake, slowed-down conditions — roughly sebuah mid-tier phone pada sebuah slow 4G connection. ini melakukan ini pada purpose, so ini dapat catch masalah itu pengguna nyata pada slower devices akan feel.

itu’s why Anda dapat run Lighthouse pada sebuah situs itu memuat instantly pada Anda fast laptop dan masih see sebuah performa score dari 55. Anda’re not seeing what Anda experience — Anda’re seeing what sebuah budget phone pada sebuah mediocre network akan experience. berguna informasi, tetapi not yang sama thing.

Lighthouse adalah not PageSpeed Insights (exactly)

Anda’ve probably seen Lighthouse without knowing ini. When Anda run sebuah halaman melalui PageSpeed Insights ( web alat di pagespeed.web.dev), “lab” (terjemahan) “lab” scores ini menampilkan Anda adalah Lighthouse. PageSpeed Insights hanya wraps Lighthouse dan menambahkan sebuah kedua set dari angka dari pengguna nyata (called data lapangan, atau Chrome UX Report). More pada itu distinction di Advanced versi.

big myth untuk drop

sebuah perfect Lighthouse score tidak berarti top rankings. Lighthouse adalah sebuah helpful alat untuk finding things untuk fix, tetapi score itself isn’t what Google menggunakan untuk peringkat Anda. performa angka Google actually cares tentang untuk peringkat come dari pengguna nyata, not dari Lighthouse’s lab. Chasing sebuah 100 adalah great untuk Anda pengunjung — hanya don’t expect ini untuk menjadi sebuah rankings cheat code.

ingin metric weights, why scores jump sekitar antara runs, dan exactly how Lighthouse relates untuk Core Web Vitals? Switch untuk Advanced tab.

TL;DR — Lighthouse adalah sebuah open-source, automated alat itu audits sebuah halaman di lab conditions (simulated Slow 4G + 4× CPU throttle) dan scores performa, Accessibility, Best Practices, dan SEO — PWA adalah dropped di Lighthouse 12. performa score adalah sebuah weighted average dari five lab metrics: TBT 30%, LCP 25%, CLS 25%, FCP 10%, Speed indeks 10%. Bands: 0–49 red, 50–89 orange, 90–100 green. ini adalah data lab, so ini adalah not Core Web Vitals sinyal peringkat, ini dapat’t mengukur INP cara field melakukan (ini menggunakan TBT sebagai sebuah proxy), dan ini varies run-untuk-run. ini powers lab half dari PageSpeed Insights; PSI menambahkan CrUX data lapangan pada top. sebuah 100 doesn’t buy rankings.

What Lighthouse actually adalah

Google’s own one-liner adalah cleanest definition: “Lighthouse is an open-source, automated tool to help you improve the quality of web pages.” (terjemahan) “Lighthouse adalah sebuah open-source, automated alat untuk help Anda meningkatkan quality dari halaman web.” mechanics adalah hanya sebagai sederhana — “give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page performed.” (terjemahan) “give Lighthouse sebuah URL untuk audit, ini runs sebuah series dari audits terhadap halaman, dan lalu ini generates sebuah report pada how well halaman performed.”

ini scores four categories today: performa, Accessibility, Best Practices, dan SEO. jika Anda’ve read older guides itu say five, mereka’re out dari date — PWA category adalah dihapus di Lighthouse 12 (sekitar 2024), following Chrome’s updated installability criteria. So jika sebuah blog post adalah masih citing sebuah PWA score, itu’s Anda tell ini predates saat ini versi.

crucial framing adalah one kata: lab. Lighthouse memuat Anda halaman di sebuah controlled, simulated environment, not dari Anda nyata pengunjung. itu single fact menjelaskan almost setiap piece dari confusion people memiliki tentang ini.

How Lighthouse berfungsi — lab conditions

oleh default Lighthouse menggunakan simulated throttling, dan ini throttles aggressively. defaults emulate roughly sebuah mid-tier perangkat seluler pada sebuah Slow 4G connection:

• Network: mobile Slow 4G preset — tentang 150 ms latency dan 1,6 Mbps down / 750 Kbps up. Google describes ini sebagai emulating “the ~85th percentile mobile connection speed even when run on much faster fiber connections.” (terjemahan) “ ~85th percentile mobile connection speed bahkan when run pada much faster fiber connections.”
• CPU: sebuah constant 4× CPU multiplier, simulating sebuah mid-tier phone’s processor pada Anda faster desktop hardware.

ini adalah oleh design. Lighthouse isn’t trying untuk tell Anda “this is how fast your site is for everyone.” (terjemahan) “ini adalah how fast Anda situs adalah untuk everyone.” ini adalah stress-testing halaman terhadap sebuah slower-daripada-average cohort so masalah surface itu Anda fast laptop hides. ini adalah why sebuah situs itu feels instant untuk Anda dapat score 60 — Anda’re sebuah tinggi-performa MacBook pada fiber; test adalah sebuah budget Android pada sebuah so-so network.

One nuance worth keeping straight: simulated throttling ( default) isn’t sama sebagai DevTools / applied throttling. Simulated throttling models how halaman akan memiliki dimuat di bawah itu conditions berdasarkan sebuah initial unthrottled observation — Google notes ini approach adalah “both very fast and deterministic.” (terjemahan) “both very fast dan deterministic.” DevTools-style throttling actually slows down permintaan, which Google says adalah “not a sufficient model of a slow connection.” (terjemahan) “not sebuah sufficient model dari sebuah slow connection.” untuk repeatable pengukuran, default simulated mode adalah preferred.

performa score — how ini adalah calculated

performa score adalah “a weighted average of the metric scores.” (terjemahan) “sebuah weighted average dari metric scores.” ini weights adalah set di Lighthouse 10 dan remain saat ini published table. Lighthouse 13 (rolled out 2026) says so explicitly: ini consolidated sebuah set dari non-scoring performa audits ke shared “Insights” (terjemahan) “Insights” juga digunakan oleh DevTools performa panel, tetapi states ada “no changes to the performance scoring” (terjemahan) “no perubahan untuk performa scoring” di itu release — scoring adalah berdasarkan metrics below, not audit names, dan itu didn’t move. Five metrics membuat up score:

sebuah few things untuk internalize here:

• TBT carries paling weight (30%). ini adalah lab proxy untuk responsiveness. pertama Input Delay (FID) adalah hilang, dan so adalah older metrics like Time untuk Interactive dan pertama Meaningful Paint — mereka’ve telah retired.
• Speed indeks adalah sebuah Lighthouse metric, not sebuah Core Web Vital. ini masih counts untuk 10% dari Lighthouse performa score bahkan though ini isn’t one dari Google’s peringkat-relevant CWV.
• setiap metric adalah scored terhadap sebuah curve, not sebuah fixed cutoff. Lighthouse takes raw nilai (biasanya di milliseconds) dan maps ini onto sebuah log-normal distribution dibangun dari dunia nyata HTTP Archive data. Google’s control poin: 25th percentile dari itu data lands di sebuah score dari 50, dan 8th percentile lands di 90. So sebuah 90+ berarti Anda’re roughly di top ~8% dari halaman pada itu metric — which adalah why last few poin adalah so hard untuk win.
• hanya metric scores move angka. Opportunities dan Diagnostics bagian dari report adalah guidance — mereka tell Anda what untuk fix — tetapi mereka don’t directly perubahan performa score. Fixing them improves metrics, dan metrics move score.

Why Anda score perubahan antara runs

ini adalah complaint I hear sebagian besar: “I ran it twice and got 84 then 91 — is it broken?” (terjemahan) “I ran ini twice dan got 84 lalu 91 — adalah ini broken?” No. Google adalah explicit: “A lot of the variability in your overall Performance score and metric values is not due to Lighthouse.” (terjemahan) “sebuah lot dari variability di Anda overall performa score dan metric nilai adalah not karena Lighthouse.” When angka jumps, ini adalah biasanya underlying conditions shifting:

• sebuah/B tests atau berbeda ads menjadi disajikan pada setiap muat
• Internet routing perubahan — both Anda local network dan longer cross-region path sebuah permintaan takes
• server web itself responding di inconsistent speeds
• Testing pada berbeda hardware (sebuah fast desktop vs. sebuah tired laptop) — CPU throttling adalah relative untuk host machine, so sebuah “4×” (terjemahan) “4×” multiplier berarti something berbeda pada sebuah fast machine daripada sebuah slow one
• browser extensions itu inject JavaScript atau extra network permintaan
• Antivirus software atau lainnya background processes competing untuk resources

misalnya: run yang sama URL twice dan one pass happens untuk muat sebuah heavier ad creative atau catches sebuah slower server respons — itu run’s audits reflect itu one muat, not sebuah defect Anda introduced. Treat ini sebagai sebuah single sample, not sebuah verdict.

right mental model, straight dari docs, adalah untuk treat performa sebagai sebuah distribution dari scores, alih-alih sebuah single angka. Run ini sebuah few times — ideally di sebuah incognito window dengan extensions off, pada matched hardware dan network conditions — dan lihat range atau median, not one hasil. When Anda perlu compare runs later, note Lighthouse versi, run mode, dan throttling metode alongside score; sebuah score dari sebuah berbeda versi atau configuration isn’t sebuah like-untuk-like comparison, bahkan jika angka looks similar.

cara run Lighthouse responsibly

gunakan Lighthouse sebagai sebuah controlled diagnostic, not sebuah one-click verdict:

1. Test exact deployed URL, not sebuah berbeda template atau sebuah unpublished local bangun.
2. Match device profile, throttling metode, Lighthouse versi, cache state, authentication, consent state, dan test geography untuk setiap comparison.
3. Start setiap run dengan sebuah fresh navigation. Resizing sebuah sudah-dimuat desktop halaman ke sebuah mobile viewport melakukan not reproduce sebuah mobile navigation, permintaan sequence, atau server respons.
4. Run setidaknya three times. Report median sebagai headline hasil dan retain individual runs, range, timestamps, warnings, dan traces so sebuah outlier adalah terlihat alih-alih silently discarded.
5. Compare sebelum dan setelah di bawah yang sama conditions. jika test service runs dari lainnya region, record ini: ditambahkan network distance atau sebuah berbeda CDN edge dapat perubahan server dan memuat timings without sebuah code perubahan.
6. periksa CrUX separately sebelum membuat sebuah nyata-pengguna claim. sebuah better lab median mendukung “ini perubahan ditingkatkan ini controlled test,” not “pengguna now pass Core Web Vitals.”

evidence mendukung berbeda conclusions:

ini mengikuti Lighthouse’s own distribution-based model untuk score variability dan mempertahankan lab/field distinction intact. Evidence for this claim Lighthouse performance scores are weighted from lab metrics; 90–100 is good, 50–89 needs improvement, and 0–49 is poor. Scope: Current published Lighthouse performance-scoring model; metric weights can change by Lighthouse version. Confidence: high · Verified: 2026-07-14 Chrome Developers: Performance scoring

Lighthouse vs. PageSpeed Insights — distinction itu penting

ini get conflated constantly, so menjadi precise:

• Lighthouse adalah mesin. ini produces data lab — performa, Accessibility, Best Practices, dan SEO scores.
• PageSpeed Insights adalah sebuah web UI itu runs Lighthouse dan menambahkan Chrome UX Report (CrUX) data lapangan — nyata Core Web Vitals dari anonymized pengguna nyata, ditampilkan when there’s enough data untuk URL atau origin.

So di PSI Anda’re looking di two berbeda datasets side oleh side. “field data” (terjemahan) “data lapangan” bagian di top (pengguna nyata, dari CrUX) adalah separate dari Lighthouse “lab data” (terjemahan) “lab data” bagian below ini — dan mereka frequently disagree. When someone says “my PageSpeed Insights score,” (terjemahan) “my PageSpeed Insights score,” mereka almost selalu berarti Lighthouse performa score, not data lapangan.

Lighthouse dan Core Web Vitals — how mereka relate

Lighthouse measures beberapa Core Web Vitals di lab: ini reports LCP dan CLS sebagai lab metrics. tetapi there’s sebuah hard limit:

Lighthouse dapat’t mengukur INP cara field melakukan. Interaction untuk Next Paint perlu nyata pengguna interactions untuk mengukur — there’s no nyata pengguna clicking sekitar di sebuah lab run. So Lighthouse menggunakan Total Blocking Time sebagai sebuah lab proxy untuk responsiveness. TBT correlates dengan INP, tetapi sebuah passing TBT melakukan not guarantee sebuah passing INP untuk pengguna nyata. mereka’re related, not yang sama.

ini adalah heart dari lab-vs-field gap. data lapangan — dari CrUX, surfaced di Search Console dan top dari PageSpeed Insights — adalah what reflects pengguna nyata dan what feeds Google’s pengalaman halaman signals. Lighthouse data lab adalah untuk debugging dan catching regressions sebelum Anda ship. Google’s own guidance adalah untuk “prioritize field data for understanding real-world user experiences” (terjemahan) “prioritize data lapangan untuk understanding dunia nyata pengguna experiences” dan gunakan “lab data for debugging, testing features before deployment.” (terjemahan) “data lab untuk debugging, testing fitur sebelum deployment.”

Where untuk run ini

sama mesin, berbeda surfaces:

• Chrome DevTools — dibangun ke browser ( Lighthouse panel). Best untuk halaman behind sebuah login, since Anda dapat audit authenticated halaman.
• PageSpeed Insights — no-install web UI di pagespeed.web.dev; runs Lighthouse dan menambahkan CrUX data lapangan.
• CLI — npm install -g lighthouse, lalu lighthouse <url>; scriptable.
• Node module — import ini programmatically ke Anda own tooling dan CI.
• Lighthouse CI — official setup untuk catching performa regressions pada setiap deploy. workflow adalah collect → assert → upload: collect runs Lighthouse multiple times terhadap sebuah URL (three runs oleh default) dan takes median report alih-alih trusting one pass; assert memeriksa itu report terhadap thresholds Anda configure — atur ke warn atau error per category atau metric; upload stores report so Anda dapat track trend lines di atas membangun. Treat thresholds sebagai Anda team’s regression policy, not sebuah field-data verdict atau sebuah peringkat guarantee — mereka’re catching “this got worse,” (terjemahan) “ini got worse,” not certifying “this is fast for users.” (terjemahan) “ini adalah fast untuk pengguna.”
• Chrome extension — exists, tetapi DevTools adalah recommended di-browser path.

CLI dan Node workflows perlu sebuah local install dari Chrome untuk drive.

myths worth busting

• “A 100 Lighthouse score = top rankings.” (terjemahan) “sebuah 100 Lighthouse score = top rankings.” No. performa score adalah lab data; ini isn’t sebuah sinyal peringkat. Google’s pengalaman halaman signals gunakan Core Web Vitals data lapangan (CrUX), dan bahkan itu adalah one lightweight signal among banyak — relevance dan konten quality dominate. Aim untuk sebuah strong score because ini adalah baik untuk pengguna, not because ini adalah sebuah rankings lever.
• “Lighthouse = field data / what real users experience.” (terjemahan) “Lighthouse = data lapangan / what pengguna nyata experience.” No. ini adalah throttled lab conditions worse daripada sebagian besar pengguna nyata see. pengguna nyata memiliki warm caches, bfcache, dan varying devices. Lighthouse adalah sebuah worst-case-ish stress test, not sebuah average-pengguna readout.
• “PageSpeed Insights is Lighthouse.” (terjemahan) “PageSpeed Insights adalah Lighthouse.” Partly. PSI runs Lighthouse untuk lab bagian dan menambahkan CrUX untuk field bagian. field angka — ones tied untuk pengalaman halaman — adalah CrUX, not Lighthouse.
• “The PWA category still counts.” (terjemahan) “ PWA category masih counts.” ini doesn’t. PWA adalah dihapus sebagai sebuah scored category di Lighthouse 12.

Bottom line

Lighthouse adalah one dari paling berguna free alat di SEO teknis dan web performa — sebuah fast, repeatable cara untuk temukan what’s slowing sebuah halaman down dan untuk guard terhadap regressions di CI. hanya hold ini di right altitude: ini adalah sebuah lab diagnostic, not sebuah verdict pada nyata-pengguna experience dan not sebuah peringkat score. gunakan ini untuk temukan dan fix; gunakan data lapangan (CrUX, Core Web Vitals di Search Console) untuk judge whether pengguna nyata adalah actually having sebuah baik time.

AI summary

sebuah condensed take pada Advanced versi:

• Lighthouse = open-source, automated lab auditing alat dari Chrome team. Give ini sebuah URL; ini audits halaman dan scores performa, Accessibility, Best Practices, SEO. PWA adalah dihapus di Lighthouse 12 (~2024).
• Lab, not field. ini memuat halaman di bawah simulated throttling — roughly Slow 4G + 4× CPU — oleh design, untuk surface what slower devices/networks experience. itu’s why sebuah “fast” (terjemahan) “fast” situs dapat score rendah.
• performa score = weighted average dari five lab metrics: TBT 30%, LCP 25%, CLS 25%, FCP 10%, Speed indeks 10%. FID dan pertama Meaningful Paint adalah hilang.
• Bands: 0–49 red (poor), 50–89 orange (perlu improvement), 90–100 green (baik). Metric scores adalah mapped onto sebuah log-normal HTTP Archive curve, so top poin adalah hardest. Opportunities/Diagnostics guide fixes tetapi don’t directly perubahan score.
• Scores vary run-untuk-run — ads, sebuah/B tests, extensions, network/server conditions, dan machine muat (CPU throttling adalah relative untuk host). Treat ini sebagai sebuah distribution, not one angka; run di incognito dengan extensions off, dan record Lighthouse versi dan settings Anda digunakan.
• Lighthouse CI automates ini: ini collects multiple runs (three oleh default), takes median, dan asserts Anda team’s thresholds — sebuah regression-catching policy, not sebuah field-data verdict.
• Lighthouse ≠ PageSpeed Insights: PSI runs Lighthouse (lab) dan menambahkan CrUX data lapangan (pengguna nyata). mereka sering disagree.
• Lighthouse measures LCP/CLS di lab tetapi dapat’t mengukur INP cara field melakukan — ini menggunakan TBT sebagai sebuah proxy. data lapangan (CrUX) adalah what reflects nyata pengguna dan feeds pengalaman halaman signals.
• Not sebuah sinyal peringkat. sebuah 100 tidak berarti top rankings, dan sebuah rendah lab score tidak berarti sebuah buruk nyata-pengguna experience. gunakan Lighthouse untuk debug; gunakan data lapangan untuk judge.

Official documentation

Primary-source documentation dari Google Chrome team.

• Lighthouse overview — what Lighthouse adalah, audit categories, dan setiap cara untuk run ini (DevTools, CLI, Node, PageSpeed Insights, extension, Lighthouse CI).
• Lighthouse performa scoring — metric weights, 0–49 / 50–89 / 90–100 color bands, dan log-normal scoring curve.
• Lighthouse PWA audits — carries deprecation notice untuk dihapus PWA category.
• Lighthouse throttling (GitHub) — simulated vs. applied throttling, Slow 4G preset, dan 4× CPU multiplier.
• Lighthouse changelog (GitHub) — v12 perubahan: PWA removal, pertama Meaningful Paint removal, INP elevated.
• Lighthouse scoring calculator — plug di metric nilai dan see resulting performa score; handy untuk setting targets.

Lab vs. field (web.dev)

• pengguna-centric performa metrics — why lab testing “isn’t necessarily reflective of how actual users experience your site.” (terjemahan) “isn’t necessarily reflective dari how actual pengguna experience Anda situs.”

Quotes dari source

pada—record statements dari Google’s Lighthouse documentation. setiap tautan adalah sebuah deep tautan itu jumps untuk quoted passage pada source halaman.

What Lighthouse adalah, dan how ini runs

• “Lighthouse is an open-source, automated tool to help you improve the quality of web pages.” (terjemahan) “Lighthouse adalah sebuah open-source, automated alat untuk help Anda meningkatkan quality dari halaman web.” — developer.chrome.com, Lighthouse overview. Jump untuk quote
• “Give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page performed.” (terjemahan) “Give Lighthouse sebuah URL untuk audit, ini runs sebuah series dari audits terhadap halaman, dan lalu ini generates sebuah report pada how well halaman performed.” — developer.chrome.com, Lighthouse overview. Jump untuk quote

How performa score berfungsi

• “The Performance score is a weighted average of the metric scores.” (terjemahan) “ performa score adalah sebuah weighted average dari metric scores.” — developer.chrome.com, Lighthouse performa scoring. Jump untuk quote
• “Once Lighthouse has gathered the performance metrics (mostly reported in milliseconds), it converts each raw metric value into a metric score from 0 to 100 by looking where the metric value falls on its Lighthouse scoring distribution.” (terjemahan) “Once Lighthouse memiliki gathered performa metrics (mostly reported di milliseconds), ini converts setiap raw metric nilai ke sebuah metric score dari 0 untuk 100 oleh looking where metric nilai falls pada -nya Lighthouse scoring distribution.” — developer.chrome.com, Lighthouse performa scoring. Jump untuk quote
• pada score bands: “0 to 49 (red): Poor” (terjemahan) “0 untuk 49 (red): Poor” — dengan 50–89 orange (perlu improvement) dan 90–100 green (baik). Jump untuk quote

Why scores vary

• “A lot of the variability in your overall Performance score and metric values is not due to Lighthouse. When your Performance score fluctuates it’s usually because of changes in underlying conditions.” (terjemahan) “sebuah lot dari variability di Anda overall performa score dan metric nilai adalah not karena Lighthouse. When Anda performa score fluctuates ini adalah biasanya karena perubahan di underlying conditions.” — developer.chrome.com, Lighthouse performa scoring. Jump untuk quote

Lab vs. field

• “While testing in the lab is a reasonable proxy for performance, it isn’t necessarily reflective of how actual users experience your site.” (terjemahan) “While testing di lab adalah sebuah reasonable proxy untuk performa, ini isn’t necessarily reflective dari how actual pengguna experience Anda situs.” — web.dev, pengguna-centric performa metrics. Jump untuk quote

Getting sebuah trustworthy Lighthouse read — checklist

sebelum Anda act pada sebuah Lighthouse score, pastikan angka berarti something:

• Run ini di sebuah incognito window dengan extensions disabled (extensions inject JS dan skew score).
• Run ini multiple times dan lihat range — treat ini sebagai sebuah distribution, not sebuah single angka.
• Confirm Anda’re comparing sama form factor setiap time (mobile vs. desktop — throttling differs).
• Know which dataset Anda’re reading: lab (Lighthouse) vs. field (CrUX) di PageSpeed Insights. Don’t mix them.
• untuk peringkat/halaman-experience pertanyaan, lihat data lapangan (Core Web Vitals di Search Console / CrUX), not Lighthouse lab score.
• Remember Lighthouse dapat’t mengukur INP cara field melakukan — TBT adalah sebuah proxy, not sebuah guarantee.
• Fix dari Opportunities/Diagnostics lists, tetapi verify perubahan oleh watching metric move (hanya metrics perubahan score).
• untuk repeatable pengukuran di automation, gunakan Lighthouse CI dengan budgets alih-alih eyeballing one-off runs.
• Control what halaman menampilkan pada muat: cookie/consent banners, login state, dan cache (cold vs. warm) semua perubahan audits itu fire — pick one state dan menjadi consistent tentang ini.
• Watch untuk non-deterministic konten — sebuah/B tests, rotating ads, dan lainnya ketiga-party scripts dapat sajikan berbeda payload pada setiap run dan swing score independent dari anything Anda changed.
• Let halaman actually finish memuat sebelum triggering audit (atau gunakan sebuah mode itu waits untuk ini) — cutting sebuah run off early misreads halaman.
• Record Lighthouse versi dan run settings (mode, throttling metode, device) alongside score — sebuah “same” (terjemahan) “sama” score dari sebuah berbeda versi atau config isn’t actually comparable.
• Ignore apa pun guide masih scoring sebuah PWA category — itu’s dihapus di Lighthouse 12.

Lighthouse performa score — cheat sheet

** five metrics dan mereka weights (Lighthouse 10 weighting)**

Retired / dihapus: FID, Time untuk Interactive, pertama Meaningful Paint.

Score color bands

Mapped onto sebuah log-normal HTTP Archive curve: ~25th percentile → 50, ~8th percentile → 90. last few poin adalah hardest untuk win.

Default lab conditions

• Network: mobile Slow 4G (~150 ms latency, ~1,6 Mbps down / 750 Kbps up)
• CPU: constant 4× multiplier (mid-tier mobile pada desktop hardware)
• Throttling: simulated oleh default (fast, deterministic), not DevTools/applied

Lighthouse vs. PageSpeed Insights

Fast facts

• Categories today: performa, Accessibility, Best Practices, SEO (PWA dihapus di Lighthouse 12).
• ini adalah not sebuah sinyal peringkat. sebuah 100 ≠ top rankings.
• ini dapat’t mengukur INP like field melakukan — menggunakan TBT sebagai sebuah proxy.
• Scores vary run-untuk-run — itu’s expected.

cara untuk run Lighthouse (dan related alat)

• Chrome DevTools — Lighthouse panel — dibangun ke Chrome; best untuk auditing halaman behind sebuah login.
• PageSpeed Insights (pagespeed.web.dev) — no install; runs Lighthouse dan menambahkan CrUX data lapangan alongside ini.
• Lighthouse CLI — npm install -g lighthouse, lalu lighthouse <url>; scriptable, perlu sebuah local Chrome.
• Lighthouse Node module — drop ini ke Anda own tooling programmatically.
• Lighthouse CI (@lhci/cli) — run Lighthouse pada setiap deploy, set budgets, dan fail bangun pada regressions. right alat untuk keeping sebuah score dari silently sliding.
• Lighthouse scoring calculator (scorecalc) — plug di metric nilai untuk see resulting performa score dan set realistic targets.
• Chrome extension — available, tetapi DevTools adalah recommended di-browser route.

untuk nyata-pengguna (field) data untuk pair dengan ini lab alat, lihat Core Web Vitals report di Google Search Console dan CrUX field bagian di PageSpeed Insights.

Lighthouse habits itu buat salah confidence

• Chasing 100 sebagai business goal. sebuah perfect lab score adalah not sebuah peringkat boost dan dapat distract dari field Core Web Vitals dan nyata pengguna outcomes. gunakan report untuk temukan bottlenecks, lalu verify itu pengguna benefited.
• Treating one run sebagai sebuah verdict. Lighthouse adalah sebuah simulated test dan naturally varies. Run ini several times di bawah yang sama conditions dan cari sebuah consistent pattern alih-alih reacting untuk one score.
• Calling lab TBT yang sama thing sebagai field INP. TBT adalah sebuah berguna lab proxy untuk main-thread blocking; INP measures nyata interactions di lapangan. sebuah baik TBT adalah evidence, not proof, itu INP adalah baik.
• Fixing setiap audit di listed order. Opportunity estimates overlap, dan beberapa audits memiliki little impact pada halaman’s actual bottleneck. Start dengan trace, largest weighted metrics, dan resources responsible untuk them.
• Comparing mobile dan desktop scores directly. mereka emulation profiles dan scoring distributions differ. Compare like dengan like.

Lighthouse score perubahan antara runs

Symptom: yang sama halaman moves antara color bands without sebuah deployment.

mungkin cause: Variable server respons, ketiga-party scripts, shared machine muat, atau berbeda test settings changed synthetic run.

Fix dan confirmation: Match URL, device profile, throttling, cache state, dan test location; run several tests; lalu compare median trace dan metric timings.

Field Core Web Vitals pass tetapi Lighthouse adalah red

Symptom: PSI data lapangan passes while Lighthouse performa score adalah poor.

mungkin cause: two bagian mengukur berbeda populations: CrUX summarizes pengguna nyata di atas time, while Lighthouse runs one simulated pemuatan halaman.

Fix dan confirmation: Treat field assessment sebagai pengguna outcome dan gunakan lab trace untuk reproduce dan diagnose sebuah slow-device scenario. Confirm apa pun fix di both repeated lab runs dan next field-data reporting window.

Lighthouse cannot mengukur INP

Symptom: report menampilkan TBT tetapi no lab INP nilai.

mungkin cause: INP memerlukan nyata interactions di seluruh sebuah halaman visit; sebuah navigation-hanya Lighthouse run memiliki no representative interaction history.

Fix dan confirmation: gunakan TBT dan trace untuk temukan panjang tasks di lab, lalu mengukur INP dengan data lapangan atau sebuah interaction-focused recording.

sebuah audit persists setelah obvious fix

Symptom: Lighthouse masih flags sebuah asset setelah ini adalah dioptimalkan atau dihapus.

mungkin cause: sebuah cached respons, lainnya template, sebuah ketiga-party copy, atau sebuah berbeda permintaan di chain masih triggers audit.

Fix dan confirmation: Test exact deployed URL dengan sebuah cold cache, open audit’s affected-resource list, dan map setiap listed permintaan back untuk -nya owner.

Test yourself: Google Lighthouse

Five quick pertanyaan pada Lighthouse data dan scoring. Pick sebuah jawaban untuk setiap, lalu periksa.

Resources worth Anda time

Official

• Lighthouse overview — definitive what/how/where-untuk-run.
• Lighthouse performa scoring — weights, bands, dan scoring curve.
• Lighthouse throttling docs (GitHub) — lab conditions di detail.
• Lighthouse scoring calculator — reverse-engineer metric targets untuk sebuah score.
• pengguna-centric performa metrics — lab-vs-nyata-pengguna argument, dari Google.

Where Lighthouse fits

• Pair lab score dengan data lapangan: Core Web Vitals report di Google Search Console dan CrUX bagian dari PageSpeed Insights. Lab menemukan masalah; field tells Anda whether pengguna nyata feel them.

dari sekitar industry

• Differences antara data lapangan dan data lab (web.dev) — Google’s own breakdown dari when untuk trust lab vs. field angka dan why mereka diverge.
• Core Web Vitals (web.dev) — canonical reference pada which CWV metrics Lighthouse dapat dan dapat’t mengukur, including INP gap.
• Largest Contentful Paint (web.dev) — deep dive pada LCP thresholds dan why lab dan field readings frequently disagree.
• Lighthouse CI pada GitHub — official repo dan setup guide untuk integrating Lighthouse ke automated CI/CD pipelines.
• HTTP Archive Web Almanac — performa chapter — annual data pada dunia nyata Lighthouse scores dan Core Web Vitals pass rates di seluruh millions dari halaman; berguna untuk benchmarking Anda scores terhadap web di besar.
• web.dev — mengukur halaman performa — Google’s recommended starting poin untuk pairing Lighthouse hasil dengan data lapangan alat.

angka worth citing

• performa score weights (Lighthouse 10): TBT 30%, LCP 25%, CLS 25%, FCP 10%, Speed indeks 10%. Source
• Score bands: 0–49 red (poor), 50–89 orange (perlu improvement), 90–100 green (baik). sebuah 90 corresponds untuk roughly 8th percentile dari HTTP Archive data; sebuah 50 untuk 25th percentile. Source
• Default throttling: mobile Slow 4G (~150 ms latency, ~1,6 Mbps down) plus sebuah 4× CPU multiplier — emulating roughly ~85th percentile mobile connection. Source
• Categories: four today (performa, Accessibility, Best Practices, SEO) — PWA dihapus di Lighthouse 12 (~2024). Source

Log perubahan