Panduan Google Lighthouse

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

Apa Lighthouse adalah

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

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

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

satu hal 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 lebih lambat devices akan feel.

itu’s mengapa Anda dapat jalankan Lighthouse pada sebuah situs itu memuat instantly pada Anda fast laptop dan masih see sebuah performa score dari 55. Anda’re tidak seeing apa Anda experience — Anda’re seeing apa sebuah budget phone pada sebuah mediocre network akan experience. berguna informasi, tetapi tidak yang sama hal.

Lighthouse adalah tidak PageSpeed Insights (persis)

Anda’ve probably seen Lighthouse tanpa knowing ini. Ketika Anda jalankan 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). Lebih pada itu pembedaan di Advanced versi.

big myth untuk drop

sebuah perfect Lighthouse score tidak berarti top rankings. Lighthouse adalah sebuah helpful alat untuk finding hal untuk perbaiki, tetapi score itself tidak apa Google menggunakan untuk peringkat Anda. performa angka Google sebenarnya cares tentang untuk peringkat come dari pengguna nyata, tidak dari Lighthouse’s lab. Chasing sebuah 100 adalah great untuk Anda pengunjung — hanya jangan expect ini untuk menjadi sebuah rankings cheat code.

ingin metric weights, mengapa scores jump sekitar antara berjalan, dan persis bagaimana Lighthouse relates untuk Core Web Vitals? Switch untuk Advanced tab.

TL;DR — Lighthouse adalah sebuah open-sumber, 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 tidak Core Web Vitals sinyal peringkat, ini dapat’t mengukur INP cara field melakukan (ini menggunakan TBT sebagai sebuah proxy), dan ini varies jalankan-untuk-jalankan. ini powers lab half dari PageSpeed Insights; PSI menambahkan CrUX data lapangan pada top. sebuah 100 tidak buy rankings.

Apa Lighthouse sebenarnya adalah

«Google’s own one-liner is the cleanest definition: “Lighthouse is an open-source, automated tool to help you improve the quality of web pages.” The mechanics are just as simple — “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) (Ringkasan bahasa Indonesia untuk bagian dua puluh satu, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

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

crucial framing adalah satu kata: lab. Lighthouse memuat Anda halaman di sebuah controlled, simulated environment, tidak dari Anda nyata pengunjung. itu single fact menjelaskan hampir setiap piece dari confusion orang memiliki tentang ini.

Bagaimana 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: the mobile Slow 4G preset — about 150 ms latency and 1.6 Mbps down / 750 Kbps up. Google describes this as emulating “the ~85th percentile mobile connection speed even when run on much faster fiber connections.”

• CPU: a constant 4× CPU multiplier, simulating a mid-tier phone’s processor on your faster desktop hardware. » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian dua puluh enam, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

ini adalah oleh design. Lighthouse tidak trying untuk tell Anda “ini adalah bagaimana fast Anda site adalah untuk everyone.” (terjemahan) “ini adalah bagaimana fast Anda situs adalah untuk everyone.” ini adalah stress-testing halaman terhadap sebuah lebih lambat-daripada-average cohort so masalah surface itu Anda fast laptop hides. ini adalah mengapa 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 (the default) isn’t the same as DevTools / applied throttling. Simulated throttling models how the page would have loaded under those conditions based on an initial unthrottled observation — Google notes this approach is “both very fast and deterministic.” DevTools-style throttling actually slows down the requests, which Google says is “not a sufficient model of a slow connection.” For repeatable measurement, the default simulated mode is preferred. » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian dua puluh delapan, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

performa score — bagaimana ini adalah calculated

performa score adalah “a weighted average dari itu metric scores.” (terjemahan) “sebuah weighted average dari metric scores.” ini weights adalah set di Lighthouse 10 dan tetap 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 status ada “Tidak perubahan untuk itu performance scoring” (terjemahan) “Tidak perubahan untuk performa scoring” di itu rilis — scoring adalah berdasarkan metrics di bawah, tidak audit names, dan itu tidak move. Five metrics membuat up score:

sebuah sedikit hal untuk internalize di sini:

• 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 Bermakna Paint — mereka’ve telah retired.
• Speed indeks adalah sebuah Lighthouse metric, tidak sebuah Core Web Vital. ini masih counts untuk 10% dari Lighthouse performa score bahkan though ini tidak satu dari Google’s peringkat-relevant CWV.
• setiap metric adalah scored terhadap sebuah curve, tidak sebuah fixed cutoff. Lighthouse takes mentah nilai (biasanya di milliseconds) dan maps ini onto sebuah log-wajar 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 — yang adalah mengapa terakhir sedikit poin adalah so hard untuk win.
• hanya metric scores move angka. Opportunities dan Diagnostics bagian dari report adalah guidance — mereka tell Anda apa untuk perbaiki — tetapi mereka jangan secara langsung perubahan performa score. Memperbaiki them improves metrics, dan metrics move score.

Mengapa Anda score perubahan antara berjalan

ini adalah complaint I hear sebagian besar: “I ran it twice dan mendapat 84 lalu 91 — adalah it rusak?” (terjemahan) “I ran ini twice dan mendapat 84 lalu 91 — adalah ini rusak?” Tidak. Google adalah jelas: “A lot dari itu variability di Anda overall Performance score dan metric values adalah tidak due untuk Lighthouse.” (terjemahan) “sebuah lot dari variability di Anda overall performa score dan metric nilai adalah tidak karena Lighthouse.” Ketika angka jumps, ini adalah biasanya underlying conditions shifting:

• sebuah/B tests atau berbeda ads menjadi disajikan pada setiap muat
• Internet routing perubahan — keduanya Anda local network dan lebih lama 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 sesuatu berbeda pada sebuah fast machine daripada sebuah slow satu
• browser extensions itu inject JavaScript atau extra network permintaan
• Antivirus software atau lainnya background memproses competing untuk resources

misalnya: jalankan yang sama URL twice dan satu lulus happens untuk muat sebuah lebih berat ad creative atau catches sebuah lebih lambat server respons — itu jalankan’s audits reflect itu satu muat, tidak sebuah defect Anda introduced. Treat ini sebagai sebuah single sample, tidak sebuah verdict.

right mental model, straight dari docs, adalah untuk treat performa sebagai sebuah distribution dari scores, alih-alih sebuah single angka. Jalankan ini sebuah sedikit times — ideally di sebuah incognito window dengan extensions off, pada cocok hardware dan network conditions — dan lihat range atau median, tidak satu hasil. Ketika Anda perlu bandingkan berjalan kemudian, note Lighthouse versi, jalankan mode, dan throttling metode alongside score; sebuah score dari sebuah berbeda versi atau configuration tidak sebuah like-untuk-like perbandingan, bahkan jika angka looks similar.

cara jalankan Lighthouse responsibly

gunakan Lighthouse sebagai sebuah controlled diagnostic, tidak sebuah satu-click verdict:

1. Test tepat deployed URL, tidak 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 perbandingan.
3. Mulai setiap jalankan dengan sebuah fresh navigation. Resizing sebuah sudah-dimuat desktop halaman ke sebuah mobile viewport melakukan tidak reproduce sebuah mobile navigation, permintaan sequence, atau server respons.
4. Jalankan setidaknya three times. Report median sebagai headline hasil dan retain individual berjalan, range, timestamps, warnings, dan traces so sebuah outlier adalah terlihat alih-alih silently discarded.
5. Bandingkan sebelum dan setelah di bawah yang sama conditions. jika test service berjalan dari lainnya region, record ini: ditambahkan network distance atau sebuah berbeda CDN edge dapat perubahan server dan memuat timings tanpa sebuah code perubahan.
6. periksa CrUX secara terpisah sebelum membuat sebuah nyata-pengguna claim. sebuah better lab median mendukung “ini perubahan ditingkatkan ini controlled test,” tidak “pengguna now lulus Core Web Vitals.”

evidence mendukung berbeda conclusions:

ini mengikuti Lighthouse’s own distribution-based model untuk score variability dan mempertahankan lab/field pembedaan intact. Bukti untuk klaim ini Lighthouse performance scores are weighted from lab metrics; 90–100 is good, 50–89 needs improvement, and 0–49 is poor. Cakupan: Current published Lighthouse performance-scoring model; metric weights can change by Lighthouse version. Tingkat keyakinan: tinggi · Diverifikasi: 2026-07-14 Chrome Developers: Performance scoring

Lighthouse vs. PageSpeed Insights — pembedaan itu penting

ini mendapatkan 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 berjalan Lighthouse dan menambahkan Chrome UX Report (CrUX) data lapangan — nyata Core Web Vitals dari anonymized pengguna nyata, ditampilkan ketika ada cukup data untuk URL atau origin.

So di PSI Anda’re looking di dua berbeda datasets side oleh side. “field data” (terjemahan) “data lapangan” bagian di top (pengguna nyata, dari CrUX) adalah terpisah dari Lighthouse “lab data” (terjemahan) “lab data” bagian di bawah ini — dan mereka frequently disagree. Ketika seseorang says “my PageSpeed Insights score,” (terjemahan) “my PageSpeed Insights score,” mereka hampir selalu berarti Lighthouse performa score, tidak data lapangan.

Lighthouse dan Core Web Vitals — bagaimana mereka relate

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

Lighthouse dapat’t mengukur INP cara field melakukan. Interaction untuk Berikutnya Paint perlu nyata pengguna interactions untuk mengukur — ada Tidak nyata pengguna clicking sekitar di sebuah lab jalankan. So Lighthouse menggunakan Total Blocking Time sebagai sebuah lab proxy untuk responsiveness. TBT correlates dengan INP, tetapi sebuah passing TBT melakukan tidak jaminan sebuah passing INP untuk pengguna nyata. mereka’re related, tidak yang sama.

ini adalah heart dari lab-vs-field kesenjangan. data lapangan — dari CrUX, surfaced di Search Console dan top dari PageSpeed Insights — adalah apa reflects pengguna nyata dan apa feeds Google’s pengalaman halaman sinyal. Lighthouse data lab adalah untuk debugging dan catching regressions sebelum Anda ship. Google’s own guidance adalah untuk “prioritize field data untuk 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.”

Di mana untuk jalankan 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 — Tidak-install web UI di pagespeed.web.dev; berjalan 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 berjalan Lighthouse multiple times terhadap sebuah URL (three berjalan oleh default) dan takes median report alih-alih trusting satu lulus; 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, tidak sebuah field-data verdict atau sebuah peringkat jaminan — mereka’re catching “this got worse,” (terjemahan) “ini mendapat worse,” tidak certifying “this is fast for users.” (terjemahan) “ini adalah fast untuk pengguna.”
• Chrome extension — ada, 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.” Tidak. performa score adalah lab data; ini tidak sebuah sinyal peringkat. Google’s pengalaman halaman sinyal gunakan Core Web Vitals data lapangan (CrUX), dan bahkan itu adalah satu lightweight sinyal among banyak — relevance dan konten quality dominate. Aim untuk sebuah strong score karena ini adalah baik untuk pengguna, tidak karena ini adalah sebuah rankings lever.
• “Lighthouse = field data / what real users experience.” (terjemahan) “Lighthouse = data lapangan / apa pengguna nyata experience.” Tidak. 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, tidak sebuah average-pengguna readout.
• “PageSpeed Insights is Lighthouse.” (terjemahan) “PageSpeed Insights adalah Lighthouse.” Partly. PSI berjalan Lighthouse untuk lab bagian dan menambahkan CrUX untuk field bagian. field angka — ones tied untuk pengalaman halaman — adalah CrUX, tidak Lighthouse.
• “The PWA category still counts.” (terjemahan) “ PWA category masih counts.” ini tidak. PWA adalah dihapus sebagai sebuah scored category di Lighthouse 12.

Bottom line

Lighthouse adalah satu dari paling berguna free alat di SEO teknis dan web performa — sebuah fast, repeatable cara untuk temukan apa slowing sebuah halaman down dan untuk guard terhadap regressions di CI. hanya hold ini di right altitude: ini adalah sebuah lab diagnostic, tidak sebuah verdict pada nyata-pengguna experience dan tidak sebuah peringkat score. gunakan ini untuk temukan dan perbaiki; gunakan data lapangan (CrUX, Core Web Vitals di Search Console) untuk judge apakah pengguna nyata adalah sebenarnya memiliki sebuah baik time.

AI summary

sebuah condensed take pada Advanced versi:

• Lighthouse = open-sumber, automated lab auditing alat dari Chrome team. Memberikan ini sebuah URL; ini audits halaman dan scores performa, Accessibility, Best Practices, SEO. PWA adalah dihapus di Lighthouse 12 (~2024).
• Lab, tidak field. ini memuat halaman di bawah simulated throttling — roughly Slow 4G + 4× CPU — oleh design, untuk surface apa lebih lambat devices/networks experience. itu’s mengapa 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 Bermakna Paint adalah hilang.
• Bands: 0–49 red (poor), 50–89 orange (perlu improvement), 90–100 green (baik). Metric scores adalah mapped onto sebuah log-wajar HTTP Archive curve, so top poin adalah hardest. Opportunities/Diagnostics guide memperbaiki tetapi jangan secara langsung perubahan score.
• Scores vary jalankan-untuk-jalankan — ads, sebuah/B tests, extensions, network/server conditions, dan machine muat (CPU throttling adalah relative untuk host). Treat ini sebagai sebuah distribution, tidak satu angka; jalankan di incognito dengan extensions off, dan record Lighthouse versi dan settings Anda digunakan.
• Lighthouse CI automates ini: ini collects multiple berjalan (three oleh default), takes median, dan asserts Anda team’s thresholds — sebuah regression-catching policy, tidak sebuah field-data verdict.
• Lighthouse ≠ PageSpeed Insights: PSI berjalan 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 apa reflects nyata pengguna dan feeds pengalaman halaman sinyal.
• Tidak 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.

Dokumentasi resmi

Utama-sumber documentation dari Google Chrome team.

• Lighthouse overview — apa Lighthouse adalah, audit categories, dan setiap cara untuk jalankan ini (DevTools, CLI, Node, PageSpeed Insights, extension, Lighthouse CI).
• Lighthouse performa scoring — metric weights, 0–49 / 50–89 / 90–100 color bands, dan log-wajar 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 Bermakna 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 — mengapa lab testing “isn’t necessarily reflective of how actual users experience your site.” (terjemahan) “tidak niscaya reflective dari bagaimana sebenarnya pengguna experience Anda situs.”

Quotes dari sumber

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

Apa Lighthouse adalah, dan bagaimana ini berjalan

«- “Lighthouse is an open-source, automated tool to help you improve the quality of web pages.” — developer.chrome.com, Lighthouse overview. Jump to quote » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian tujuh puluh delapan, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.) «- “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.” — developer.chrome.com, Lighthouse overview. Jump to quote » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian tujuh puluh delapan, bagian kecil dua: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Bagaimana 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) “Setelah Lighthouse memiliki gathered performa metrics (mostly reported di milliseconds), ini converts setiap mentah metric nilai ke sebuah metric score dari 0 untuk 100 oleh looking di mana 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

Mengapa 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 tidak karena Lighthouse. Ketika 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) “Sementara testing di lab adalah sebuah reasonable proxy untuk performa, ini tidak niscaya reflective dari bagaimana sebenarnya pengguna experience Anda situs.” — web.dev, pengguna-centric performa metrics. Jump untuk quote

Getting sebuah trustworthy Lighthouse baca — checklist

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

• Jalankan ini di sebuah incognito window dengan extensions disabled (extensions inject JS dan skew score).
• Jalankan ini multiple times dan lihat range — treat ini sebagai sebuah distribution, tidak sebuah single angka.
• Konfirmasi Anda’re comparing sama form factor setiap time (mobile vs. desktop — throttling differs).
• Know yang dataset Anda’re reading: lab (Lighthouse) vs. field (CrUX) di PageSpeed Insights. jangan mix them.
• untuk peringkat/halaman-experience pertanyaan, lihat data lapangan (Core Web Vitals di Search Console / CrUX), tidak Lighthouse lab score.
• Remember Lighthouse dapat’t mengukur INP cara field melakukan — TBT adalah sebuah proxy, tidak sebuah jaminan.
• Perbaiki 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 satu kali berjalan.
• Control apa halaman menampilkan pada muat: cookie/consent banners, login state, dan cache (cold vs. warm) semua perubahan audits itu fire — pick satu 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 jalankan dan swing score independent dari apa pun Anda changed.
• Let halaman sebenarnya finish memuat sebelum triggering audit (atau gunakan sebuah mode itu menunggu untuk ini) — cutting sebuah jalankan off early misreads halaman.
• Record Lighthouse versi dan jalankan settings (mode, throttling metode, device) alongside score — sebuah “sama” (terjemahan) “sama” score dari sebuah berbeda versi atau config tidak sebenarnya 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 Bermakna Paint.

Score color bands

Mapped onto sebuah log-wajar HTTP Archive curve: ~25th percentile → 50, ~8th percentile → 90. terakhir sedikit 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), tidak DevTools/applied

Lighthouse vs. PageSpeed Insights

Fast facts

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

cara untuk jalankan Lighthouse (dan related alat)

• Chrome DevTools — Lighthouse panel — dibangun ke Chrome; best untuk auditing halaman behind sebuah login.
• PageSpeed Insights (pagespeed.web.dev) — Tidak install; berjalan 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) — jalankan Lighthouse pada setiap deploy, set budgets, dan fail bangun pada regressions. right alat untuk mempertahankan sebuah score dari silently sliding.
• Lighthouse scoring calculator (scorecalc) — plug di metric nilai untuk see resulting performa score dan set realistic targets.
• Chrome extension — tersedia, 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 tidak 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 satu jalankan sebagai sebuah verdict. Lighthouse adalah sebuah simulated test dan naturally varies. Jalankan ini several times di bawah yang sama conditions dan cari sebuah consistent pattern alih-alih reacting untuk satu score.
• Calling lab TBT yang sama hal sebagai field INP. TBT adalah sebuah berguna lab proxy untuk main-utas blocking; INP measures nyata interactions di lapangan. sebuah baik TBT adalah evidence, tidak proof, itu INP adalah baik.
• Memperbaiki setiap audit di listed order. Opportunity estimates overlap, dan beberapa audits memiliki little impact pada halaman’s sebenarnya bottleneck. Mulai dengan trace, largest weighted metrics, dan resources responsible untuk them.
• Comparing mobile dan desktop scores secara langsung. mereka emulation profiles dan scoring distributions differ. Bandingkan like dengan like.

Lighthouse score perubahan antara berjalan

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

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

Perbaiki dan konfirmasi: Match URL, device profile, throttling, cache state, dan test location; jalankan several tests; lalu bandingkan median trace dan metric timings.

Field Core Web Vitals lulus tetapi Lighthouse adalah red

Symptom: PSI data lapangan melewati sementara Lighthouse performa score adalah poor.

mungkin penyebab: dua bagian mengukur berbeda populations: CrUX summarizes pengguna nyata di atas time, sementara Lighthouse berjalan satu simulated pemuatan halaman.

Perbaiki dan konfirmasi: Treat field assessment sebagai pengguna outcome dan gunakan lab trace untuk reproduce dan diagnose sebuah slow-device scenario. Konfirmasi apa pun perbaiki di keduanya repeated lab berjalan dan berikutnya field-data reporting window.

Lighthouse cannot mengukur INP

Symptom: report menampilkan TBT tetapi Tidak lab INP nilai.

mungkin penyebab: INP memerlukan nyata interactions di seluruh sebuah halaman visit; sebuah navigation-hanya Lighthouse jalankan memiliki Tidak representative interaction history.

Perbaiki dan konfirmasi: 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 perbaiki

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

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

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

Uji pemahaman Anda: 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 apa/bagaimana/di mana-untuk-jalankan.
• 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.

Di mana 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 apakah pengguna nyata feel them.

dari sekitar industry

• Differences antara data lapangan dan data lab (web.dev) — Google’s own breakdown dari ketika untuk trust lab vs. field angka dan mengapa mereka diverge.
• Core Web Vitals (web.dev) — canonical reference pada yang CWV metrics Lighthouse dapat dan dapat’t mengukur, including INP kesenjangan.
• Largest Contentful Paint (web.dev) — deep dive pada LCP thresholds dan mengapa 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 lulus 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%. Sumber
• 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. Sumber
• Default throttling: mobile Slow 4G (~150 ms latency, ~1,6 Mbps down) plus sebuah 4× CPU multiplier — emulating roughly ~85th percentile mobile connection. Sumber
• Categories: four hari ini (performa, Accessibility, Best Practices, SEO) — PWA dihapus di Lighthouse 12 (~2024). Sumber

Log perubahan