Chrome DevTools--Audits

chrome60之后集成了一个已有的性能分析插件LightHouse，变成了新的页签audits[1]。可以自己去看看官方的介绍https://developers.google.com/web/updates/2017/05/devtools-release-notes，介绍很全面，最后自己去看。

LightHouse官网链接：https://developers.google.com/web/tools/lighthouse/（需要翻墙？）

LightHouse是开源的： https://github.com/GoogleChrome/lighthouse

使用

1 ，打开audits这个tab页签

2，选择自己需要分析的内容。

Progressive Web App

Performance

Accessibility

Best Practices

SEO

3，点击 “run”，等待一会,等待的时间取决于网页的复杂度。最后你可以看见下边这张图。

PS:它还支持导出PDF，包括简单版和详细版。

—————-未完待续

[1] audits英[ˈɔːdɪts]美[ˈɔːdɪts]

n.审计; 稽核; (质量或标准的) 审查，检查;

v.审计; 稽核; 旁听(大学课程);