https://github.com/binghuis/lighthouse99

💯 Lighthouse 满分手册。
https://github.com/binghuis/lighthouse99

chrome lighthouse perfermance

Last synced: 7 months ago
JSON representation

💯 Lighthouse 满分手册。

• Host: GitHub
• URL: https://github.com/binghuis/lighthouse99
• Owner: binghuis
• Created: 2024-03-29T10:24:15.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-11T10:11:16.000Z (about 1 year ago)
• Last Synced: 2025-01-26T14:11:26.428Z (9 months ago)
• Topics: chrome, lighthouse, perfermance
• Language: TypeScript
• Homepage: https://lighthouse99.vercel.app
• Size: 1.77 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Lighthouse 满分手册（2024）

![googlechrome](https://img.shields.io/badge/Google_Chrome-4285F4?logo=googlechrome&labelColor=263238)

![lighthouse 10](https://img.shields.io/badge/Lighthouse_10-F44B21?logo=lighthouse&labelColor=263238)

本仓库内容是基于 [Chrome lighthouse 10](https://developer.chrome.com/docs/lighthouse/performance/performance-scoring) 的实践。

1. 了解 Google 网页指标（Web Vitals）计划和 web-vitals 包。

2. 深入了解 Web Vitals 各个指标。

3. 深入了解 Lighthouse 10。

4. 以 Next.js 为例介绍 SSR 框架下的 Web Vitals。

5. 如何获取网络指标。

6. 借助 web-vitals 定制化开发网站性能指标 SDK。

7. 性能问题分类与对应优化策略。

8. 网页性能优化备忘录。