Khi tôi hiểu tăng tốc phần cứng trên thiết bị iOS được bật khi sử dụng translate3d(). Vậy tại sao this test on jsperf cho thấy việc sử dụng css left/top nhanh hơn?translate3d vs css left/top và tăng tốc phần cứng
Tôi đã sử dụng translate3d rộng rãi trên iOS thay cho CSS trái/đầu, và tôi có thể nói một điều:
Nó thực sự nhanh hơn cho hiệu ứng động điều (mà jsperf dường như không làm được.) Đoán của tôi là, trái/đầu là nhanh hơn khi điểm chuẩn vì không có gì là hoạt hình và tôi không nghĩ rằng bất cứ điều gì được hiển thị hoặc.
Khi được sử dụng kết hợp với transition (hoặc -webkit-transition), translate3d sẽ làm việc kỳ diệu của nó.