Html中怎么使gif动图不卡顿

问题：今天的项目中遇到一个问题，在手机浏览器中播放3m的gif发现会卡顿，要等待好秒才能看到下一帧，以为是gif的大小过大造成卡顿，然后降低画质上传到服务器中还是依然卡顿

解决方法：动图的大小也会影响，不过在电脑浏览器的影响比较小。主要是在手机中帧数过多的gif是会造成卡顿。我的解决办法是使用js 等待页面加载完毕 在给div附上gif动图

window.οnlοad=function(){
	 这里给xxx元素附上图片路径即可
}