前言：
开发（me）：要不要做分页查询，数据量过大会有性能问题；
后端：不用，没多少数据
开发：好
测试：滑动卡顿，修复一下
开发（me）：…
最近做了一个订票页面，已经在验收收尾阶段了，才被测出下滑卡顿，排查原因发现图片很多都是十几兆的，性能分析发现滚动起来浏览器render时间达到5秒，好吧，那就开始优化；
原始效果：
优化一：图片懒加载
既然是图片大导致加载渲染时间长，那先撸一个图片懒加载试试效果；
效果预览：
好吧，虽然有懒加载效果，但是效果并不明显，上强度！
优化二：图片懒加载并压缩
LazyLoadImg→Comp
How to Use:
效果预览：
优化三：增加图片点击放大
上面解决了图片过大造成的卡顿问题，但是还不完美，我们需要用户点击的时候预览原始搞清大图，这里我用到了react-image-lightbox来帮实现：
效果预览：