当我们进行性能优化,我们在优化什么(LightHouse 优化实操)

刘悦 at 
好的互联网产品不仅仅在功能上要高人一筹,在性能层面也需要出类拔萃,否则金玉其外败絮其中,页面是美轮美奂了,结果首屏半天加载不出来,难免让用户乘兴而来,败兴而归。幸运的是,前端的性能优化有诸多有迹可循的理论和方法,其中相对权威的,无疑是 LightHouse。LightHouse 是一个开源的自动化工具,它作为 Chrome 浏览器的扩展程序运行,提供一套完整的站点评分标准,我们可以依据此标准对站点进行基准测试,从而达到优化的效果。怎么打开 LightHouse?可以在 Chrome 浏览器开发人员工具中找到 LightHouse。要打开“开发人员工具”,请选择:“顶部菜单→查看→开发人员→开发……