Chi phí đặt CSS chuyển tiếp trên tất cả các thành phần

Question

Tôi thường thấy mình thêm quá trình chuyển đổi vào nhiều thứ và thường chúng là cùng một quá trình chuyển đổi. Chi phí hiệu quả của việc thực hiện một cái gì đó như là

* { 
    transition: all 200ms ease; //with prefixes, of course 
} 

và chỉ cần đặt transition-property: none; cho các yếu tố bạn đặc biệt không muốn chuyển đổi? Nó có nhỏ hơn số lượng mã cần thiết để thêm nhiều câu lệnh chuyển tiếp trong suốt mã của bạn không?

EDIT: Đối với những người thắc mắc về sự phức tạp của DOM mà ứng dụng này áp dụng, giả sử nó là một DOM kiểu ứng dụng web phức tạp. Lý do tôi hỏi là bởi vì nhiều yếu tố trên trang không di chuyển và do đó không yêu cầu chuyển đổi. Tôi tò mò muốn biết điều đó có liên quan hay không và chỉ đơn thuần gán chuyển tiếp cho tất cả các yếu tố là bất lợi cho hiệu suất.

Answer 1

Khi chúng không chuyển tiếp, chúng không tiêu tốn thêm tài nguyên, vì vậy sau khi kết xuất, nó giả định rằng bạn đã xóa tất cả các chuyển tiếp không cần thiết.