CSS动画在Android中运行迟缓

Question

我测试了我的网站在移动设备上的转换速度。

Apple设备运行良好，但Android设备没有。

• Android设备的移动浏览器转换缓慢。

  

注意：我使用Fullpage.js来触发转换。

以下是我的代码。

Jquery（Fullpage.js / url，https://github.com/alvarotrigo/fullPage.js）

onLeave: function(index, nextIndex, direction){
        var leavingSection = $(this);

            if(index == 4 && direction =='down'){

            $('.m-tu-bg-01').addClass('d-bg-img-show d-bg-img-scale');
            $('.m-tu-bg-01').removeClass('d-bg-img-hide d-bg-img-scaleLarge');

            $('.m-tu-img-01').addClass('d-bg-img-show');
            $('.m-tu-img-01').removeClass('d-bg-img-hide');

CSS

.d-bg-img-show {
    opacity: 1;
    transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);}


.d-bg-img-hide {
    opacity: 0;
    transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);}

.d-bg-img-scaleLarge {
    transform: scale(0.4,0.4);}

.d-bg-img-scale {
    transform: scale(1,1);}

Check it out over here!