网站优化，需要用到哪些工具？

一、概要

在讨论优化工具时，主要涉及两个核心领域：「性能评估工具」和「优化工具」。以下是相关工具的简要介绍：

二、Lighthouse

三、PageSpeed

四、Chrome DevTools - Network

五、Chrome DevTools - Performance

六、Chrome DevTools - Show Third Party Badges

用于排查第三方资源对网站性能的影响。

七、Chrome DevTools - Block Request URL

通过阻止请求 URL 来排查页面性能问题。

八、Chrome DevTools - Coverage

展示代码覆盖率，帮助移除未使用的代码。

九、Chrome DevTools - DOM

优化 DOM 节点数量以提高性能。

十、Chrome DevTools - Rendering

通过 Rendering 选项可视化页面渲染过程，减少无效重绘。

十一、Chrome DevTools - Layer

检查图层关系以优化渲染效果。

十二、总结

利用优化工具，可以轻松定位网站问题并进行有效优化，确保网站高效运行。优化工作其实并不复杂。