登录页面图片出现加载卡顿/缓慢/抖动情况 如何优化？

问题描述

        最近负责的一个项目，发布到线上之后，在首次打开登陆页面时，其页面图片出现了抖动的情况，虽不影响项目整体的流程，但用户体验感不是很好。

        具体情况如下图：

原因分析：

        本地服务器测试的时候，加载都是正常的，但是发布到线上就出现了这个问题。在网上查找了一些资料，看到一些博主分享的经验，说可能是图片太大了导致的，说也有可能是服务器的网络问题导致的。

解决方案：

        项目本身的服务器带宽确实比较小，这个前端暂时无法改善。于是去检查了一下该图片（地球图片）的大小，发现图片有1.8M，确实有些大。于是抱着尝试的心态，让UI小姐姐帮忙把图片压缩了一下，压缩后的图片大概300多kb，替换掉了原先的图片，重新发布到线上后，发现图片抖动效果确实得到了改善。

       

        大家如果有遇到类似的问题，也可以尝试一下。