性能检测
Lighthouse 性能评分
基于 Web Vitals API 实时采集当前页面的核心性能指标· 最近检测 02:21:15
86
92
95
96
Core Web Vitals
FCP
0.81s
First Contentful Paint - 浏览器渲染第一个内容元素的时间
01.8s3s+
LCP
--s
Largest Contentful Paint - 渲染最大可见内容元素的时间
02.5s4s+
CLS
--
Cumulative Layout Shift - 页面视觉稳定性指标
00.10.25+
INP
--ms
Interaction to Next Paint - 页面交互响应延迟
0200ms500ms+
TTFB
0.17s
Time to First Byte - 浏览器收到第一个字节的时间
00.8s1.8s+
TTI
0.49s
Time to Interactive - 页面完全可交互的时间
03.8s7.3s+
优化建议
图片使用了 AVIF/WebP 现代格式
Unsplash 图片自动协商最优格式
关键资源启用了懒加载
非首屏图片使用 IntersectionObserver 延迟加载
Hero 图设置了 fetchPriority=high
首屏关键图片获得最高网络优先级
CSS 使用 Tailwind 按需生成
无冗余样式，打包体积极小
路由使用代码分割
非首屏页面通过 lazy() 动态加载
部分第三方脚本阻塞渲染
百度统计脚本可能影响 TTI
可考虑预连接 Unsplash CDN
添加 preconnect 可加速教材封面加载
关于此检测
- Performance 评分基于 Web Vitals 各指标的加权得分，权重参考 Lighthouse 10 标准
- Accessibility / Best Practices / SEO 评分为静态评估，基于代码层面的最佳实践检查
- Core Web Vitals 数据来自当前页面会话的真实测量，刷新页面或重新检测可获取最新值
- INP 和 CLS 需要用户交互或页面完全加载后才会产出数值
- 完整 Lighthouse 审计请使用 Chrome DevTools 或 PageSpeed Insights