About Web performance optimization tool
Tool
- Lighthouse
- Built-in to Chrome & Edge, it assesses website performance metrics using computer resources.
- PageSpeed Insights
- Obtain website performance metrics through online tools.
- Performance Audits
- erformance metrics explanation and optimization recommendations.
- Chrome user Experience(CrUX)
- Record real-world Chrome users' browsing experience dataset on popular websites.
- ChatGPT
- By using the "input command/spell," you can obtain optimization recommendations for the HTML, CSS, and JavaScript of the website.
Other Online Performance Evaluation Tools
- Pingdom Website Speed Test
- Website performance testing and monitoring (SaaS)
- Gtmetrix
- Webpagetest
Edge/Chrome Extension
- Web Vitals
- CLS Visualizer
- Core Web Vitals
- Core Web Vitals Visualizer (RUM Visualizer)
- Lighthouse > Built-in within Chromium-based browsers.
- Performance insights > Built-in only within the Chrome browser. ⭐️⭐️⭐️
Metrics (Performance Metrics)
Field data v.s Lab data
Web performance testing methods can be divided into two categories based on the testing environment:
| Field Data | Lab Data | |
|---|---|---|
| Definition | Data collected directly from the natural environment is typically presented in the form of measurements or observations. | Data collected in a laboratory environment is typically presented in the form of experiments 現 |
| Data collection method | Testing from Google's server. | Testing from user's computer. |
| Environmental control | Unable to have full control over the natural environment. | Able to control the experimental environment. |
| Accuracy | Lower, influenced by external factors. | Higher, able to control experimental variables. |
| Advantages | Being able to choose specific devices/locations/connections and simulate data is beneficial for debugging performance issues. | Collecting real-world user experience. |
| Disadvantages | Not all websites are included in the database. | Unable to correlate real-world page key performance indicators. |
| Representative tool | PageSpeed Insights 、CrUx | Lighthouse |
info
Laboratory data and field data are both important components of effective performance measurement. Each has its advantages and disadvantages. Relying solely on one may result in missing opportunities to improve user experience.