javascript - 能否避免iPhone 6网页 react 延迟(近1秒)？

Question

问题

有什么办法，也许是硬件加速，或者WebGL，或者任何东西，任何东西，我可以做来加快iPhone上的触摸 react 速度？我真的希望 react 能够立即出现。

我的问题

我注意到我的菜单花了近一整秒的时间才对 iPhone 6 上的图标点击使用react，而菜单对桌面上的点击立即使用react。我注意到我访问的所有测试移动网站似乎都是这种情况，大约 1 秒的延迟确实很麻烦，它剥夺了 Web 应用程序那种清晰、 react 性的感觉。另一方面，iOS 上安装的应用程序会对触摸立即使用react，所以我知道这不是触摸检测速度。

示例

我创建了一个示例来测试这一点:

var size = 'norm';
var $box = $('#box').on('click', function () {
    if (size == 'norm') {
        $box.css({
            'width' : '1in',
            'height' : '1in'
        });
        size = 'big';
    } else {
        $box.css({
            'width' : '',
            'height' : ''
        });
        size = 'norm';
    }
});

#box {
    width:0.5in;
    height:0.5in;
    margin:0.5in;
    background-color:violet;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="box"></div>

点击 iPhone 上的方框，您就会明白我的意思。

我尝试过的

我尝试将 -webkit-transform:translateZ(0); 插入元素的样式中以激活硬件加速，但这似乎并没有提高速度。

Answer 1

使用轻量级插件来消除点击延迟，例如 fastClick https://github.com/ftlabs/fastclick