访问PageSpeed
重点的关注的是网站的性能SEO,也就是说,他侧重的点在提高网站性能,也就是访问速度,而不是所谓其他各个方面,只要是阻碍了访问性能,那么PageSpeed 就会展示。
与lighthouse的关系
ligthhouse作为Chrome浏览器内置的工具,他的作用就是针对开发者,提供更加底层的网站优化,提供的比PageSpeed更多的页面内容。
当然,会调用的Lighthouse
的部分功能作为自己报告的支持。
展示结果
就是一件分析工具,当然用户需要仔细分析结果,确保网站的性能不受影响。支持一件分享链接给其他人,用户可以直接观看。
此网站的桌面结果:
移动端结果:
”
lighthouse 是有谷歌进行维护的,因此对于他的水平完全可以放心使用。
用法
打开 Chrome
浏览器 > F12
> Lighthouse
,点击 分析,lighthouse
会分析你的网页。
请在你的所在的页面打开
F12
,建议在隐私模式下进行测试。
导航模式
会分析单次页面加载。这个模式应该很熟悉,
获取 Lighthouse 性能评分和所有性能指标
评估渐进式 Web 应用的功能。
页面加载后立即分析可访问性。
局限性
无法分析表单提交或单页应用的转换。
无法分析页面加载后无法立即显示的内容。
时间跨度模式
分析任意时间段,通常包含用户交互。
测量一定时间范围内(包括交互)的布局变化和 JavaScript 执行时间。
发现性能提升机会,以提升长生命周期页面和 SPA 的体验。
局限性
不提供整体性能得分。
无法分析基于时刻的性能指标(例如最大内容绘制)。
无法分析页面状态问题(例如,缺少可访问性类别)。
快照模式
分析特定状态下的页面。
分析页面的当前状态。
发现 SPA 或复杂表单深处的可访问性问题。
评估隐藏在交互背后的菜单和 UI 元素的最佳实践。
局限性
不提供整体性能得分或指标
无法分析当前 DOM 之外的任何问题(例如,无法进行网络、主线程或性能分析)。
报告主要包括:
性能
SEO
最佳实践
可访问性
每一个包含桌面和移动端。
编码用法
编码测试流程
用户可以直接交给Chatgpt 让他协助帮你完成,已经不在以前的时代了。任何情况下请请求chatgpt进行协助。
注意事项
尽量在隐私模式下执行
在网络稳定情况下测试
总结
对比PageSpeeds ,Lighthouse更加侧重于底层提供详细的诊断建议和优化提示。PageSpeeds核心指标侧重于网页的性能指标。Lighthouse 则是一个更底层的、更全面的网站审计工具,涵盖了性能以外的更多方面。