css 背景长图，图片的格式会导致页面卡顿

最近因要做活动页面，页面用到了背景长图，在页面滚动时，总感觉到页面卡顿，不流畅。猜测估计是出在页面渲染的问题。

页面出现卡顿的浏览器环境如下：

Mac 谷歌浏览器最新版 及 Edge 最新版

出现卡顿的长图格式是 jpg格式，且长度有7784px

解决方案

将长图的格式由jpg格式改为png格式，此时，滚动页面时 不再有卡顿的效果。