问题描述

开发的网页支持PC端和手机端，但是在开发时，通过谷歌调试工具调试手机网页一切正常，部署后使用手机访问发现网页特别卡顿、滑动会有重新渲染的效果。

解决方法

经排查发现使用了backdrop-filter: blur这个css属性，在手机端，会大量消耗CPU，导致网页出现卡顿，频繁渲染，那么最简单的方法就是去掉这个属性，至少在手机端网页不要大量使用。