场景
场景是大屏页面一张深色背景, 里面一些文本元素以及图表展示.
结果在IE下发现加载异常缓慢, 还有部分人员反馈页面卡死....后台读写优化
默认处理图片逻辑是, ImageIO读取原图, 转成byte[], base64编码后, 放到dom里....访问一张带背景图的表单, 可以看到内容是先渲染出来的, 然后是加载图片.
图片是一段一段的加载的, 并不会影响内容主体渲染, 也不是导致初始页面空白的元凶....重复上述访问entry操作, 等得的快炸的时候, 页面终于加载出来了.
低速网络下, 两个js累计加载耗时561s!!! ...开启Gzip后, 跟Chrome速度一样了, 两个js累计114s, 越是低速网络, Gzip效果越明显.