开发过程中经常需要和图片处理打交道，看了网上很多有关图片处理的方法，都是讲解得一知半解，没有比较全面的总结。下面，将简单总结一个我们通过vue去处理img标签过程中，图片加载时，与图片加载失败时的处理方法。1.常见的一个图片的处理流程，当接收到图片时，若图片较大，或者网络较慢的情况，图片还未加载完成，此时需要显示一个正在加载中的图片提示用户图片正在加载中。当图片加载或读取完毕时我们才替换需要显示图

开发过程中经常需要和图片处理打交道，看了网上很多有关图片处理的方法，都是讲解得一知半解，没有比较全面的总结。下面，将简单总结一个我们通过vue去处理img标签过程中，图片加载时，与图片加载失败时的处理方法。1.常见的一个图片的处理流程，当接收到图片时，若图片较大，或者网络较慢的情况，图片还未加载完成，此时需要显示一个正在加载中的图片提示用户图片正在加载中。当图片加载或读取完毕时我们才替换需要显示图

前端图片加载速度优化方案，建议检查以下：1、压缩图片、js、css，色彩较少的建议用git格式2、开启服务器的gzip、open-cache3、有条件时，可以把不需要程序渲染的文件加入CDN4、根据具体的业务需求，可以考虑异步加载图片，避免影响用户操作5、如果做了多级nginx代理，建议在对外的nginx服务中开启静态资源缓存，避免每次去子服务器获取6、根据具体业务需求，考虑页面是否确实需要加载这