问题背景

现在的大屏项目中，对于多主题的项目一般会做一个进场动画的效果，前端一般会选用animsition插件来进行开发。但有时会在第一次打开的时候，页面loading的时间过久。

问题原因

通过F12进行多次排查，发现页面加载结束，总是等一些图片加载完成后，才会结束。

解决方案

（1）将一些返回图片的接口请求放在animsition结束后请求

这样，页面加载完成，涉及的接口，看起来会是空的，过会儿才会有数据，但解决了页面一直在加载的问题。

（2）相关图片在上传的时候进行压缩

这种图片都有5，6M的，看着就很夸张，有时项目上的图片是客户提供的，他们并不管图片有多大。比如下面这种，提供的图片是1137 * 1600，但在使用上，前端要把他设置成306 * 381，无形中就增加了图片大小。

（3）自己手撸一个进场动画

（4）在演示前先过一遍项目

出现页面处于过久加载，是因为图片加载的原因，那我们在项目演示前先打开一遍页面，让浏览器进行图片缓存，当再次打开页面时，图片会优先请求缓存的图片。