背景 (书接上回) ui妹子的无理要求，我通通满足了。但是不出意外的话，意外就出来了。 此功能在上线之后，我们的业务在客户app内使用刷脸的时候会因为内存过高导致app将webview杀死。 然后我们

本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的

对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程，以便于存储和处理。

我们在做项目性能优化的过程中往往会优先去考虑对图片的优化，尤其是一些电商类项目或者书籍类项目，往往会存在大量的图片。虽然图片比文字更能吸引用户，但是项目中图片过多或者图片过大也会影响我们页面的加载速度

当我们要衡量分析一个网页的性能时，没有一个确切指标值能直接反映网页整体性能如何。于是，在网页加载的过程中，我们需要抓住各个关键时间点来进行综合分析，这些就是需要了解的性能指标了......

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~