文章预览
大厂技术 高级前端 Node进阶 点击上方 程序员成长指北 ,关注公众号 回复 1 ,加入高级Node交流群 工欲善其事,必先利其器。在「网站优化实战:http://jartto.wang/2019/02/16/web-optimization/」中我们提到了一些优化的相关经验,并没有对优化工具展开讨论,这节就让我们一起上手实践吧! 转载自:Jartto's blog http://jartto.wang 一、概要 关于优化工具,我们主要从两方面说起:「性能评估工具」和「优化工具」。 1.性能评估工具 Lighthouse PageSpeed YSlow 2.优化工具我们主要依赖「Chrome DevTools」,大致如下: Network Performance Show Third Party Badges Block Request URL Coverage DOM Rendering Layer 二、Lighthouse 1. Lighthouse 安装 Chrome Setting - 更多工具 - 扩展程序 - 打开 Chrome 网上应用店 - Lighthouse 2.插件 - 生成报告 报告是我们的一个重要参考指标,这是网站评估的通用方法。 当
………………………………