lighthouse
v12.2.2
Lighthouse วิเคราะห์เว็บแอปและหน้าเว็บ รวบรวมตัวชี้วัดประสิทธิภาพสมัยใหม่และข้อมูลเชิงลึกเกี่ยวกับแนวทางปฏิบัติที่ดีที่สุดของนักพัฒนา
Lighthouse ได้รับการผสานรวมเข้ากับ Chrome DevTools โดยตรงภายใต้แผง "Lighthouse"
การติดตั้ง : ติดตั้ง Chrome
เรียกใช้ : เปิด Chrome DevTools เลือกแผง Lighthouse แล้วกด "สร้างรายงาน"
ส่วนขยาย Chrome พร้อมใช้งานก่อนที่ Lighthouse จะพร้อมใช้งานในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome และมีฟังก์ชันการทำงานที่คล้ายกัน
การติดตั้ง : ติดตั้งส่วนขยายจาก Chrome เว็บสโตร์
เรียกใช้ : ทำตามคำแนะนำเริ่มต้นอย่างรวดเร็วของส่วนขยาย
Node CLI มอบความยืดหยุ่นสูงสุดในการกำหนดค่าและรายงานการทำงานของ Lighthouse ผู้ใช้ที่ต้องการการใช้งานขั้นสูงมากขึ้น หรือต้องการเรียกใช้ Lighthouse ในแบบอัตโนมัติควรใช้ Node CLI
หมายเหตุ Lighthouse ต้องใช้โหนด 18 LTS (18.x) หรือใหม่กว่า
การติดตั้ง :
npm install -g lighthouse
# or use yarn:
# yarn global add lighthouse วิ่งเลย : lighthouse https://airhorner.com/
ตามค่าเริ่มต้น Lighthouse จะเขียนรายงานเป็นไฟล์ HTML คุณสามารถควบคุมรูปแบบเอาต์พุตได้โดยการส่งแฟล็ก
$ lighthouse --help
lighthouse <url> <options>
Logging:
--verbose Displays verbose logging [boolean] [default: false]
--quiet Displays no progress, debug logs, or errors [boolean] [default: false]
Configuration:
--save-assets Save the trace contents & devtools logs to disk [boolean] [default: false]
--list-all-audits Prints a list of all available audits and exits [boolean] [default: false]
--list-trace-categories Prints a list of all required trace categories and exits [boolean] [default: false]
--additional-trace-categories Additional categories to capture with the trace (comma-delimited). [string]
--config-path The path to the config JSON.
An example config file: core/config/lr-desktop-config.js [string]
--preset Use a built-in configuration.
WARNING: If the --config-path flag is provided, this preset will be ignored. [string] [choices: "perf", "experimental", "desktop"]
--chrome-flags Custom flags to pass to Chrome (space-delimited). For a full list of flags, see https://bit.ly/chrome-flags
Additionally, use the CHROME_PATH environment variable to use a specific Chrome binary. Requires Chromium version 66.0 or later. If omitted, any detected Chrome Canary or Chrome stable will be used. [string] [default: ""]
--port The port to use for the debugging protocol. Use 0 for a random port [number] [default: 0]
--hostname The hostname to use for the debugging protocol. [string] [default: "localhost"]
--form-factor Determines how performance metrics are scored and if mobile-only audits are skipped. For desktop, --preset=desktop instead. [string] [choices: "mobile", "desktop"]
--screenEmulation Sets screen emulation parameters. See also --preset. Use --screenEmulation.disabled to disable. Otherwise set these 4 parameters individually: --screenEmulation.mobile --screenEmulation.width=360 --screenEmulation.height=640 --screenEmulation.deviceScaleFactor=2
--emulatedUserAgent Sets useragent emulation [string]
--max-wait-for-load The timeout (in milliseconds) to wait before the page is considered done loading and the run should continue. WARNING: Very high values can lead to large traces and instability [number]
--enable-error-reporting Enables error reporting, overriding any saved preference. --no-enable-error-reporting will do the opposite. More: https://github.com/GoogleChrome/lighthouse/blob/main/docs/error-reporting.md [boolean]
--gather-mode, -G Collect artifacts from a connected browser and save to disk. (Artifacts folder path may optionally be provided). If audit-mode is not also enabled, the run will quit early.
--audit-mode, -A Process saved artifacts from disk. (Artifacts folder path may be provided, otherwise defaults to ./latest-run/)
--only-audits Only run the specified audits [array]
--only-categories Only run the specified categories. Available categories: accessibility, best-practices, performance, seo [array]
--skip-audits Run everything except these audits [array]
--disable-full-page-screenshot Disables collection of the full page screenshot, which can be quite large [boolean]
Output:
--output Reporter for the results, supports multiple values. choices: "json", "html", "csv" [array] [default: ["html"]]
--output-path The file path to output the results. Use 'stdout' to write to stdout.
If using JSON output, default is stdout.
If using HTML or CSV output, default is a file in the working directory with a name based on the test URL and date.
If using multiple outputs, --output-path is appended with the standard extension for each output type. "reports/my-run" -> "reports/my-run.report.html", "reports/my-run.report.json", etc.
Example: --output-path=./lighthouse-results.html [string]
--view Open HTML report in your browser [boolean] [default: false]
Options:
--version Show version number [boolean]
--help Show help [boolean]
--cli-flags-path The path to a JSON file that contains the desired CLI flags to apply. Flags specified at the command line will still override the file-based ones.
--locale The locale/language the report should be formatted in
--blocked-url-patterns Block any network requests to the specified URL patterns [array]
--disable-storage-reset Disable clearing the browser cache and other storage APIs before a run [boolean]
--throttling-method Controls throttling method [string] [choices: "devtools", "provided", "simulate"]
--throttling
--throttling.rttMs Controls simulated network RTT (TCP layer)
--throttling.throughputKbps Controls simulated network download throughput
--throttling.requestLatencyMs Controls emulated network RTT (HTTP layer)
--throttling.downloadThroughputKbps Controls emulated network download throughput
--throttling.uploadThroughputKbps Controls emulated network upload throughput
--throttling.cpuSlowdownMultiplier Controls simulated + emulated CPU throttling
--extra-headers Set extra HTTP Headers to pass with request
--precomputed-lantern-data-path Path to the file where lantern simulation data should be read from, overwriting the lantern observed estimates for RTT and server latency. [string]
--lantern-data-output-path Path to the file where lantern simulation data should be written to, can be used in a future run with the `precomputed-lantern-data-path` flag. [string]
--plugins Run the specified plugins [array]
--channel [string] [default: "cli"]
--chrome-ignore-default-flags [boolean] [default: false]
Examples:
lighthouse <url> --view Opens the HTML report in a browser after the run completes
lighthouse <url> --config-path=./myconfig.js Runs Lighthouse with your own configuration: custom audits, report generation, etc.
lighthouse <url> --output=json --output-path=./report.json --save-assets Save trace, screenshots, and named JSON report.
lighthouse <url> --screenEmulation.disabled --throttling-method=provided --no-emulatedUserAgent Disable device emulation and all throttling
lighthouse <url> --chrome-flags="--window-size=412,660" Launch Chrome with a specific window size
lighthouse <url> --quiet --chrome-flags="--headless" Launch Headless Chrome, turn off logging
lighthouse <url> --extra-headers "{"Cookie":"monster=blue", "x-men":"wolverine"}" Stringify'd JSON HTTP Header key/value pairs to send in requests
lighthouse <url> --extra-headers=./path/to/file.json Path to JSON file of HTTP Header key/value pairs to send in requests
lighthouse <url> --only-categories=performance,seo Only run the specified categories. Available categories: accessibility, best-practices, performance, seo
For more information on Lighthouse, see https://developers.google.com/web/tools/lighthouse/.
lighthouse
# saves `./<HOST>_<DATE>.report.html`
lighthouse --output json
# json output sent to stdout
lighthouse --output html --output-path ./report.html
# saves `./report.html`
# NOTE: specifying an output path with multiple formats ignores your specified extension for *ALL* formats
lighthouse --output json --output html --output-path ./myfile.json
# saves `./myfile.report.json` and `./myfile.report.html`
lighthouse --output json --output html
# saves `./<HOST>_<DATE>.report.json` and `./<HOST>_<DATE>.report.html`
lighthouse --output-path= ~ /mydir/foo.out --save-assets
# saves `~/mydir/foo.report.html`
# saves `~/mydir/foo-0.trace.json` and `~/mydir/foo-0.devtoolslog.json`
lighthouse --output-path=./report.json --output json
# saves `./report.json` คุณสามารถเรียกใช้ชุดย่อยของวงจรการใช้งานของ Lighthouse ได้หากต้องการผ่านแฟล็ก --gather-mode ( -G ) และ --audit-mode ( -A ) CLI
lighthouse http://example.com -G
# launches browser, collects artifacts, saves them to disk (in `./latest-run/`) and quits
lighthouse http://example.com -A
# skips browser interaction, loads artifacts from disk (in `./latest-run/`), runs audits on them, generates report
lighthouse http://example.com -GA
# Normal gather + audit run, but also saves collected artifacts to disk for subsequent -A runs.
# You can optionally provide a custom folder destination to -G/-A/-GA. Without a value, the default will be `$PWD/latest-run`.
lighthouse -GA=./gmailartifacts https://gmail.comครั้งแรกที่คุณเรียกใช้ CLI คุณจะได้รับข้อความถามว่า Lighthouse สามารถรายงานข้อยกเว้นรันไทม์โดยไม่เปิดเผยตัวตนได้หรือไม่ ทีมงาน Lighthouse ใช้ข้อมูลนี้เพื่อตรวจจับจุดบกพร่องใหม่ๆ และหลีกเลี่ยงการถดถอย การเลือกไม่ใช้จะไม่ส่งผลต่อความสามารถของคุณในการใช้ Lighthouse แต่อย่างใด เรียนรู้เพิ่มเติม
คุณยังสามารถใช้ Lighthouse โดยทางโปรแกรมกับโมดูล Node ได้
อ่านการใช้ Lighthouse แบบเป็นโปรแกรมเพื่อขอความช่วยเหลือในการเริ่มต้น
อ่านการกำหนดค่า Lighthouse เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับตัวเลือกการกำหนดค่าที่มีให้
Lighthouse สามารถสร้างรายงานเป็น JSON หรือ HTML
รายงาน HTML:
การรัน Lighthouse ด้วยแฟล็ก --output=json จะสร้างดัมพ์ JSON ของการรัน คุณสามารถดูรายงานนี้ทางออนไลน์ได้โดยไปที่ https://googlechrome.github.io/lighthouse/viewer/ แล้วลากไฟล์ไปที่แอป คุณยังสามารถใช้ปุ่ม "ส่งออก" จากด้านบนของรายงาน Lighthouse HTML ใดก็ได้ และเปิดรายงานใน Lighthouse Viewer
ใน Viewer คุณสามารถแชร์รายงานได้โดยคลิกไอคอนแชร์ที่มุมขวาบนแล้วลงชื่อเข้าใช้ GitHub
หมายเหตุ : รายงานที่แชร์จะถูกซ่อนไว้เป็นส่วนสำคัญใน GitHub ภายใต้บัญชีของคุณ
เอกสารที่เป็นประโยชน์ ตัวอย่าง และสูตรอาหารเพื่อให้คุณเริ่มต้นได้
เอกสาร
สูตรอาหาร
วิดีโอ
เซสชันจาก Google I/O 2018 ครอบคลุมถึงเครื่องมือเพิ่มประสิทธิภาพใหม่, Lighthouse REST API ที่กำลังจะเปิดตัว และการใช้รายงาน Chrome UX เพื่อประเมินข้อมูลผู้ใช้จริง
เซสชันจาก Google I/O 2017 ครอบคลุมถึงสถาปัตยกรรม การเขียนการตรวจสอบที่กำหนดเอง การผสานรวม GitHub/Travis/CI Chrome แบบไม่มีส่วนหัว และอื่นๆ อีกมากมาย:
คลิกที่ภาพเพื่อดูวิดีโอบน YouTube
อ่านข้อมูลพื้นฐานของการแฮ็กบน Lighthouse ต่อไป นอกจากนี้ โปรดดูการมีส่วนร่วมสำหรับข้อมูลโดยละเอียด
# yarn should be installed first
git clone https://github.com/GoogleChrome/lighthouse
cd lighthouse
yarn
yarn build-allnode cli http://example.com
# append --chrome-flags="--no-sandbox --headless --disable-gpu" if you run into problems connecting to Chromeเคล็ดลับการเริ่มต้นใช้งาน :
node --inspect-brk cli http://example.comเพื่อเปิด Chrome DevTools และดำเนินการผ่านแอปทั้งหมด ดูการดีบัก Node.js ด้วย Chrome DevTools สำหรับข้อมูลเพิ่มเติม
# lint and test all files
yarn test
# run all unit tests
yarn unit
# run a given unit test (e.g. core/test/audits/byte-efficiency/uses-long-cache-ttl-test.js)
yarn mocha uses-long-cache-ttl
# watch for file changes and run tests
# Requires http://entrproject.org : brew install entr
yarn watch
# # run linting, unit, and smoke tests separately
yarn lint
yarn unit
yarn smoke
# # run tsc compiler
yarn type-check เอกสารบางฉบับของเรามีการทดสอบที่ทำงานใน CI ตามค่าเริ่มต้นเท่านั้น หากต้องการแก้ไขเอกสารของเรา คุณจะต้องเรียกใช้ yarn build-pack && yarn test-docs ในเครื่องเพื่อให้แน่ใจว่าผ่าน
การพึ่งพาเพิ่มเติม
brew install jqส่วนนี้ให้รายละเอียดเกี่ยวกับบริการที่มีการผสานรวมข้อมูล Lighthouse หากคุณกำลังทำงานในโครงการเจ๋งๆ ที่บูรณาการ Lighthouse และต้องการนำเสนอที่นี่ โปรดแจ้งปัญหาไปที่ repo นี้หรือทวีตที่เรา @_____lighthouse!
การทดสอบหน้าเว็บ — เครื่องมือโอเพ่นซอร์สสำหรับการวัดและวิเคราะห์ประสิทธิภาพของหน้าเว็บบนอุปกรณ์จริง ผู้ใช้สามารถเลือกที่จะจัดทำรายงาน Lighthouse ควบคู่ไปกับการวิเคราะห์ผลลัพธ์ของ WebPageTest
HTTPArchive - HTTPArchive ติดตามวิธีการสร้างเว็บโดยการรวบรวมข้อมูลหน้าเว็บกว่า 500,000 หน้าด้วย Web Page Test รวมถึงผลลัพธ์ของ Lighthouse และจัดเก็บข้อมูลใน BigQuery ที่ซึ่งข้อมูลดังกล่าวเปิดเผยต่อสาธารณะ
Calibre - Calibre เป็นแพลตฟอร์มตรวจสอบประสิทธิภาพที่ครอบคลุมที่ทำงานบน Lighthouse ดูผลกระทบด้านประสิทธิภาพของงานของคุณก่อนที่จะเข้าสู่การใช้งานจริงด้วย GitHub Pull Request Review ติดตามผลกระทบของสคริปต์ของบุคคลที่สาม ทำให้ระบบประสิทธิภาพของคุณเป็นแบบอัตโนมัติด้วย Node.js API ที่เน้นนักพัฒนาเป็นอันดับแรก ลองใช้ Calibre พร้อมทดลองใช้ฟรี 15 วัน
DebugBear - DebugBear เป็นเครื่องมือตรวจสอบเว็บไซต์ที่ใช้ Lighthouse ดูว่าคะแนนและเมตริกของคุณเปลี่ยนแปลงไปอย่างไรเมื่อเวลาผ่านไป โดยมุ่งเน้นที่การทำความเข้าใจว่าอะไรทำให้เกิดการเปลี่ยนแปลงแต่ละครั้ง DebugBear เป็นผลิตภัณฑ์แบบชำระเงินพร้อมทดลองใช้ฟรี 30 วัน
Treo - Treo เป็นประภาคารที่ให้บริการ มีการทดสอบการถดถอย ภูมิภาคทางภูมิศาสตร์ เครือข่ายที่กำหนดเอง และการผสานรวมกับ GitHub และ Slack Treo เป็นผลิตภัณฑ์แบบชำระเงินพร้อมแผนสำหรับนักพัฒนาเดี่ยวและทีม
PageVitals - PageVitals ผสมผสาน Lighthouse, CrUX และการทดสอบภาคสนามเพื่อติดตามประสิทธิภาพของเว็บไซต์ ดูประสิทธิภาพของเว็บไซต์ของคุณเมื่อเวลาผ่านไป และรับการแจ้งเตือนหากช้าเกินไป เจาะลึกและค้นหาสาเหตุที่แท้จริงของปัญหาด้านประสิทธิภาพ PageVitals เป็นผลิตภัณฑ์แบบชำระเงินพร้อมทดลองใช้ฟรี 14 วัน
Screpy - Screpy เป็นเครื่องมือวิเคราะห์เว็บที่สามารถวิเคราะห์ทุกหน้าของเว็บไซต์ของคุณในแดชบอร์ดเดียวและตรวจสอบร่วมกับทีมของคุณ ขับเคลื่อนโดย Lighthouse และยังมีเครื่องมือวิเคราะห์ต่างๆ (SERP, W3C, Uptime ฯลฯ) Screpy มีแผนฟรีและจ่ายเงิน
ปรับปรุงประสิทธิภาพไซต์ — ปรับปรุงประสิทธิภาพไซต์เป็นโซลูชันการตรวจสอบประสิทธิภาพเว็บที่ช่วยให้นักการตลาด ผู้จัดการ หรือผู้มีอำนาจตัดสินใจสามารถเข้าใจและเพิ่มประสิทธิภาพเวลาในการโหลดเว็บไซต์ รับข้อมูลเชิงลึกที่ใช้งานง่ายโดยมุ่งเน้นที่ชัยชนะที่รวดเร็วและมีประสิทธิภาพ Siteimprove Performance เป็นผลิตภัณฑ์แบบชำระเงินพร้อมทดลองใช้ฟรี 14 วัน
SpeedCurve — SpeedCurve เป็นเครื่องมือสำหรับตรวจสอบประสิทธิภาพเว็บอย่างต่อเนื่องในเบราว์เซอร์ อุปกรณ์ และภูมิภาคต่างๆ สามารถรวมตัวชี้วัดใดๆ รวมถึงคะแนน Lighthouse จากหลายเพจและไซต์ และช่วยให้คุณสามารถกำหนดงบประมาณประสิทธิภาพด้วย Slack หรือการแจ้งเตือนทางอีเมล SpeedCurve เป็นผลิตภัณฑ์แบบชำระเงินพร้อมทดลองใช้ฟรี 30 วัน
Foo - Lighthouse-as-a-service เสนอแผนฟรีและพรีเมียม ให้การติดตามและการรายงานประวัติของการตรวจสอบ Lighthouse ด้วย CircleCI, GitHub และการผสานรวมอื่นๆ คุณสมบัติต่างๆ ได้แก่ การแจ้งเตือน Slack การรายงานความคิดเห็นของ PR และอื่นๆ
Apdex - Apdex เป็นบริการด้านประสิทธิภาพเว็บไซต์ คุณสมบัติหลักคือการแสดงภาพรายงาน Lighthouse ในอดีต ตัวเลือกมือถือ/เดสก์ท็อป การแจ้งเตือน การตรวจสอบสถานะออนไลน์ และอื่นๆ มีแผนการชำระเงินที่ยืดหยุ่นและทดลองใช้ฟรี 30 วัน
Websu - Websu เป็นโครงการโอเพ่นซอร์สที่ให้บริการ Lighthouse-as-a-Service ผ่าน HTTP REST API แบบธรรมดา คุณสมบัติหลักคือความสามารถในการโฮสต์และปรับใช้ในสภาพแวดล้อมของคุณเองและข้อมูลสรุปรายงาน Lighthouse ในอดีต
DTEKT.IO - DTEKT คือบริการตรวจสอบประสิทธิภาพและสถานะการออนไลน์ของเว็บไซต์ ใช้ประภาคารเพื่อให้มองเห็นประสิทธิภาพของเว็บไซต์จากหลายตำแหน่งบนอุปกรณ์หลายเครื่อง เสนอการทดลองใช้ฟรีสามเดือนและแผนการชำระเงิน
SpeedVitals - SpeedVitals เป็นเครื่องมือที่ขับเคลื่อนโดย Lighthouse เพื่อวัดประสิทธิภาพเว็บในอุปกรณ์และสถานที่ต่างๆ มากมาย มันมีคุณสมบัติที่หลากหลาย เช่น การแสดงภาพ Shift เค้าโครง, แผนภูมิน้ำตก, ข้อมูลภาคสนาม และกราฟทรัพยากร SpeedVitals มีทั้งแผนฟรีและมีค่าใช้จ่าย
Lighthouse Metrics - Lighthouse Metrics ให้ข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพทั่วโลกด้วยการทดสอบเพียงครั้งเดียว คุณยังสามารถตรวจสอบเว็บไซต์ของคุณเป็นรายวันหรือรายชั่วโมงได้ Lighthouse Metrics เสนอการทดสอบครั้งเดียวทั่วโลกฟรีและการตรวจสอบประสิทธิภาพเป็นฟีเจอร์แบบชำระเงินพร้อมการทดลองใช้ฟรี 14 วัน
Auditzy - Auditzy™ เป็นเครื่องมือตรวจสอบและติดตามเว็บไซต์ที่มีประสิทธิภาพ ซึ่งช่วยให้คุณวิเคราะห์เส้นทางก่อนผู้ใช้หน้าเว็บของคุณ วิเคราะห์ตัวชี้วัดความสมบูรณ์ของคู่แข่ง, Core Web Vitals และเทคโนโลยี เปรียบเทียบหน้าเว็บของคุณกับคู่แข่งเพื่อทำความเข้าใจว่าคุณกำลังนำหรือล้าหลังอยู่ที่ไหน การแจ้งเตือนแบบเรียลไทม์ด้วย Slack มีการทำงานร่วมกันอย่างราบรื่นกับหลายทีม ทำให้การตรวจสอบของคุณเป็นแบบอัตโนมัติทุกชั่วโมง รายวัน รายสัปดาห์ และอื่นๆ มีการทดลองใช้ฟรีโดยจ่ายเงินตามแผน
Lighthouse Metrics China - เครื่องมือเมตริก Lighthouse ตัวแรกที่ออกแบบมาสำหรับประเทศจีนโดยเฉพาะ สัมผัสประสบการณ์ความสามารถในการตรวจสอบเว็บไซต์ที่เหนือชั้นด้วย Lighthouse รับข้อมูลเชิงลึกเกี่ยวกับความผันผวนของคะแนนและตัวชี้วัดของคุณภายในขอบเขตของ Great Firewall of China ซึ่งช่วยให้เข้าใจอย่างครอบคลุมถึงปัจจัยที่มีอิทธิพลต่อการเปลี่ยนแปลงแต่ละครั้ง Lighthouse Metrics China มีทั้งแผนฟรีและมีค่าใช้จ่าย
DeploymentHawk - DeploymentHawk เป็นเครื่องมือตรวจสอบไซต์อัตโนมัติที่ขับเคลื่อนโดย Lighthouse ติดตามปัญหาด้านประสิทธิภาพ การเข้าถึง และ SEO ได้อย่างง่ายดายก่อนที่จะส่งผลกระทบต่อผู้ใช้ของคุณ DeploymentHawk เป็นผลิตภัณฑ์แบบชำระเงินพร้อมทดลองใช้ฟรี 7 วัน
Guardius - Guardius เป็นแพลตฟอร์ม SaaS ของ DevOps และ DevSecOps ที่ผสานรวม Lighthouse เพื่อส่งมอบการวิเคราะห์ประสิทธิภาพเว็บอัตโนมัติ ไม่เพียงแต่ให้การประเมินหน่วยเมตริกและการสแกนอัตโนมัติเท่านั้น แต่ยังช่วยให้สามารถเปรียบเทียบประสิทธิภาพในช่วงเวลาต่างๆ และการสังเกตอย่างต่อเนื่องเมื่อเวลาผ่านไป นอกจากนี้ Guardius ยังเสนอการแจ้งเตือนที่กำหนดไว้ล่วงหน้าและปรับแต่งตามความต้องการเฉพาะของคุณ Guardius เวอร์ชันฟรีพร้อมให้ผู้ใช้สำรวจฟีเจอร์ต่าง ๆ ของมัน
PageWatch — PageWatch เป็นเครื่องมือในการค้นหาหน้าที่มีปัญหาบนเว็บไซต์ของคุณ โดยให้ข้อมูลเชิงลึกเกี่ยวกับการสะกดผิด ปัญหาการจัดวาง หน้าที่โหลดช้า (สนับสนุนโดย Lighthouse) และอื่นๆ PageWatch มีให้บริการผ่านแผนแบบฟรีและแบบชำระเงิน
Fluxguard - Fluxguard ให้การตรวจสอบการเปลี่ยนแปลง DOM ของเว็บไซต์ที่จัดทำโดย Google Puppeteer และตรวจสอบโดย Lighthouse Fluxguard เป็นผลิตภัณฑ์ฟรีเมียมที่มีการตรวจสอบสูงสุด 75 หน้าต่อเดือนฟรี
Microlink — Microlink เป็นเบราว์เซอร์คลาวด์ในรูปแบบ API มีรายงาน Lighthouse ตามความต้องการ ทำให้ง่ายต่อการสร้างบริการใดๆ ที่ด้านบน ฟังก์ชันการทำงานที่คล้ายกันนี้มีให้ใช้งานผ่านโครงการโอเพ่นซอร์สพื้นฐานที่ชื่อว่าไม่มีเบราว์เซอร์
Wattspeed — Wattspeed เป็นเครื่องมือฟรีที่สร้างสแน็ปช็อต - การบันทึกประวัติหน้าเว็บของคุณซึ่งรวมถึงคะแนน Lighthouse รายการเทคโนโลยี ผลลัพธ์เครื่องมือตรวจสอบ HTML W3C ขนาด DOM ข้อมูลเนื้อหาแบบผสม และอื่นๆ
Lighthouse-Plugin-Field-Performance - ปลั๊กอินที่เพิ่มเมตริกประสิทธิภาพของผู้ใช้จริงสำหรับ URL โดยใช้ข้อมูลจากรายงาน Chrome UX
lighthouse-plugin-publisher-ads - เครื่องมือในการปรับปรุงความเร็วโฆษณาและคุณภาพโดยรวมผ่านชุดการตรวจสอบอัตโนมัติ ในขณะนี้ เป้าหมายนี้มุ่งเป้าไปที่ไซต์ที่ใช้ Google Ad Manager เป็นหลัก เครื่องมือนี้จะช่วยในการแก้ไขปัญหาที่ค้นพบ โดยเป็นเครื่องมือที่จะใช้ในการประเมินประสิทธิผลของการเปลี่ยนแปลงซ้ำๆ ในขณะที่เสนอแนะข้อเสนอแนะที่สามารถดำเนินการได้
lighthouse-plugin-crux - ปลั๊กอินที่รวบรวมข้อมูลเมตริกผู้ใช้จริงอย่างรวดเร็วจาก Chrome UX Report API
โปรเจ็กต์โอเพ่นซอร์สที่ยอดเยี่ยมอื่นๆ ที่ใช้ Lighthouse
ดูสถาปัตยกรรมประภาคาร
Lighthouse รายงานตัวชี้วัดประสิทธิภาพตามที่ผู้ใช้มือถือทั่วไปสัมผัสได้บนการเชื่อมต่อ 4G และโทรศัพท์ระดับกลาง ~ 200 ดอลลาร์ แม้ว่าจะโหลดอย่างรวดเร็วบนอุปกรณ์และเครือข่ายของคุณ แต่ผู้ใช้ในสภาพแวดล้อมอื่น ๆ จะได้รับประสบการณ์การใช้งานไซต์ที่แตกต่างออกไปมาก
อ่านเพิ่มเติมในคำแนะนำในการควบคุมปริมาณของเรา
คะแนนประสิทธิภาพของ Lighthouse จะเปลี่ยนแปลงเนื่องจากความแปรปรวนโดยธรรมชาติของเทคโนโลยีเว็บและเครือข่าย แม้ว่าจะไม่มีการเปลี่ยนแปลงโค้ดก็ตาม ทดสอบในสภาพแวดล้อมที่สอดคล้องกัน ใช้งาน Lighthouse หลายครั้ง และระวังความแปรปรวนก่อนที่จะสรุปเกี่ยวกับการเปลี่ยนแปลงที่ส่งผลต่อประสิทธิภาพ
อ่านเพิ่มเติมในคำแนะนำในการลดความแปรปรวนของเรา
ใช่! รายละเอียดในการกำหนดค่า Lighthouse
คำถามที่ดี. การควบคุมปริมาณเครือข่ายและ CPU จะถูกนำไปใช้ตามค่าเริ่มต้นในการเรียกใช้ Lighthouse เครือข่ายพยายามจำลองการเชื่อมต่อ 4G ที่ช้า และ CPU ช้าลง 4 เท่าจากความเร็วเริ่มต้นของเครื่องของคุณ หากคุณต้องการใช้งาน Lighthouse โดยไม่ต้องควบคุมปริมาณ คุณจะต้องใช้ CLI และปิดการใช้งานด้วยแฟล็ก --throttling.* ที่กล่าวถึงข้างต้น
อ่านเพิ่มเติมในคำแนะนำเกี่ยวกับการควบคุมปริมาณเครือข่าย
ไม่. Lighthouse ทำงานภายในเครื่อง โดยตรวจสอบหน้าเว็บโดยใช้เบราว์เซอร์ Chrome เวอร์ชันภายในเครื่องที่ติดตั้งในเครื่อง ผลลัพธ์ของรายงานจะไม่ถูกประมวลผลหรือบีคอนไปยังเซิร์ฟเวอร์ระยะไกล
เริ่มตั้งแต่ Lighthouse 8.0 เป็นต้นไป Lighthouse อาศัยการสนับสนุน Intl ทั้งหมด และไม่ใช้โพลีฟิล Intl อีกต่อไป หากคุณใช้ Node 14 หรือใหม่กว่า ก็ไม่น่าจะมีปัญหาใดๆ เนื่องจากตอนนี้ Node ถูกสร้างขึ้นด้วย full-icu ตามค่าเริ่มต้น
อย่างไรก็ตาม หากคุณใช้รุ่นโหนด small-icu คุณอาจเห็นข้อความบันทึกของ Lighthouse เกี่ยวกับสถานที่ของคุณไม่พร้อมใช้งาน เพื่อแก้ไขปัญหานี้ คุณสามารถติดตั้งข้อมูล ICU ด้วยตนเองได้โดยใช้โมดูล full-icu และแฟล็กโหนด --icu-data-dir เมื่อเปิดใช้งาน
เคล็ดลับ : ดูสถาปัตยกรรมประภาคารสำหรับข้อมูลเพิ่มเติมเกี่ยวกับคำศัพท์และสถาปัตยกรรม
Lighthouse สามารถขยายเพื่อดำเนินการตรวจสอบและรวบรวมแบบกำหนดเองที่คุณเขียนได้ วิธีนี้จะดีมากหากคุณติดตามเมตริกประสิทธิภาพในไซต์ของคุณอยู่แล้ว และต้องการแสดงเมตริกเหล่านั้นในรายงาน Lighthouse
หากคุณสนใจดำเนินการตรวจสอบแบบกำหนดเองของคุณเอง โปรดดูตัวอย่างการตรวจสอบแบบกำหนดเองของเราในสูตรอาหาร
เรายินดีช่วยเขียนการตรวจสอบ แก้ไขข้อบกพร่อง และทำให้เครื่องมือมีประโยชน์มากขึ้น! ดูการมีส่วนร่วมในการเริ่มต้น
ประภาคาร ˈlītˌhous (n): หอคอยหรือเครื่องมือโครงสร้างอื่นๆ ที่มีไฟสัญญาณเพื่อเตือนหรือนำทาง เรือผู้พัฒนาทะเล
