Tôi chỉ muốn biết nếu nó nhanh hơn để sử dụng mã màu hex hoặc tên màu khi tôi muốn sử dụng nó trong CSS?cái nào nhanh hơn: mã màu hex hoặc tên màu?
Trả lời
Tôi đoán là các mã sẽ nhanh hơn vì các tên này có thể được gán cho bảng tra cứu và mã hex tham chiếu.
Điều đó đang được nói, tôi đoán là chênh lệch tốc độ sẽ hoàn toàn không đáng kể.
Đây là bài kiểm tra hiệu suất tôi vừa tạo. Chúng cổ và cổ, mặc dù mã hex dường như chỉ nhanh hơn 4/5 cho đến nay: http://jsperf.com/css-color-names-vs-hex-codes
vâng đó là dự đoán của tôi, và vâng tôi biết nó không tạo ra nhiều khác biệt nhưng tôi chỉ muốn chắc chắn. –
Đây là [sửa đổi kiểm tra đó] (http://jsperf.com/css-color-names-vs-hex-codes/17), so sánh các mã hex ngắn ('# FFF'), mã hex dài (' # FFFFFF'), 'rgb',' rgba' và mã màu. – nhinkle
Nhanh hơn về kết xuất?
Về mặt thực tế, không có cách nào có thể tạo ra bất kỳ sự khác biệt nào.
Về mặt kỹ thuật, điều đó phụ thuộc vào cách hiển thị CSS được triển khai trong mỗi trình duyệt. Nếu tôi phải đoán, tôi tưởng tượng rằng việc sử dụng hex là khoảng 3 chu kỳ CPU (một cường điệu) nhanh hơn trong hầu hết các trình duyệt, vì tên phải được chuyển đổi thành hex trước.
Nhưng thời gian bạn đưa ra để đặt câu hỏi đại diện cho nhiều thời gian hơn là đã bị lãng phí bởi tất cả các trình duyệt trên thế giới thực hiện chuyển đổi này kể từ khi Internet được phát minh.
Hiệu trưởng, tôi đồng ý với bạn nhưng yêu cầu "3 cpu cycle" có vẻ khá yếu ... để chuyển đổi tên thành số tương đương, bạn cần tìm mục nhập của nó trong bảng tra cứu của các mục nhập sẽ mất trung bình , (log n)/2 lần thử; mỗi lần thử sẽ mất nhiều hơn 3 chu kỳ CPU để tìm mục nhập thực tế và sau đó thực hiện so sánh chuỗi. Điều đó đang được nói, ngay cả khi chuyển đổi mất 30000 chu kỳ CPU còn người dùng sẽ không thấy bất kỳ sự khác biệt nào. – mah
Xin lỗi, tôi có nghĩa là thêm một lưu ý phụ vào "chu kỳ CPU 3" của tôi, nhưng tôi đã quên. Tôi nhận ra đó là một cường điệu. Tôi đã cập nhật câu trả lời :) – Flimzy
Tôi không biết gì về nội dung trình duyệt nhưng một hàm băm rất đơn giản với O (1) có vẻ tốt hơn cho tác vụ này. –
Tôi sẽ đi ngược lại sự đồng thuận phổ biến và gợi ý rằng có thể tên màu nhanh hơn, nếu bảng tra cứu trả về giá trị màu làm số nguyên. Điều đó có nghĩa là khi sử dụng một màu tên, trình duyệt không phải phân tích cú pháp thủ công từ một chuỗi có chứa các ký tự hex thành số nguyên tương ứng, tất cả những gì cần làm là tìm kiếm băm O (1). Và điều đó cũng có thể nhanh hơn một chút so với phân tích cú pháp từ chuỗi thành số nguyên.
Mặc dù như những người khác đã lưu ý đúng, trong tất cả các điều kiện thực tế sự khác biệt giữa hai sẽ vô cùng nhỏ. Không phải thứ mà bạn từng thấy trong thực tế.
hmmm, điểm thú vị. câu trả lời của bạn cho thấy rằng ngay cả trong hầu hết các quan trọng nhất và nhỏ nhất của các vấn đề có thể có rất nhiều để không đồng ý. –
Tôi đã không nghĩ về điều đó. Tôi sẽ đặt cược một số trình duyệt làm chính xác những gì bạn nói - và những người khác thì không.Và điều này sẽ trả lời câu hỏi khác: Việc tra cứu tên nhanh hơn so với chuyển đổi hex 3 chữ số, hay chỉ nhanh hơn màu hex 6 chữ số ?! Hmmmm! – Flimzy
- 1. Lấy tên màu bằng HEX hoặc RGB
- 2. Lấy tên màu thông qua Hex Value?
- 3. Chuyển đổi system.windows.media.brush sang mã màu hex
- 4. tìm tên màu từ mã màu thập lục phân
- 5. hex màu từ UIColor
- 6. Chuyển chuỗi màu HEX thành Màu?
- 7. Cái nào tốt hơn, #fff hoặC#FFF?
- 8. Chức năng chuyển đổi giá trị màu hex thành tên màu gần đúng?
- 9. Chuyển đổi chuỗi màu hex thành màu RGB
- 10. unordered_map: cái nào tìm nhanh hơn() hoặc đếm()?
- 11. Chuyển đổi các giá trị RGBA thành mã màu hex
- 12. Cái nào nhanh hơn và tại sao?
- 13. Sass/Compass - Chuyển đổi Hex, RGB hoặc Màu tên thành RGBA
- 14. Làm thế nào để chuyển đổi 3 chữ số html hex màu đến 6 chữ số flex hex màu
- 15. Cách chuyển đổi màu chuỗi thành mã hex hoặc giá trị RGB của nó?
- 16. Màu Hex mặc định của Holo.Light.DarkActionBar ActionBar
- 17. Làm thế nào để chuyển đổi màu HEX sang rgba bằng trình biên dịch Ít hơn?
- 18. Màu nền hex thành biến JavaScript
- 19. Cái nào nhanh hơn và nhẹ hơn - mysqli & PDO
- 20. Nhận màu Pixel nhanh nhất?
- 21. Tìm tên màu cho các màu gần bảng màu colorBrewer
- 22. ít màu hơn Vertices
- 23. máy tính màu hex: thay đổi màu cho nút khởi động twitter
- 24. Làm thế nào để quyết định màu phông chữ màu trắng hoặc đen tùy thuộc vào màu nền?
- 25. Màu Hex - Công thức Để Làm Cho Nó Brigter
- 26. Lưu trữ giá trị màu hex trong strings.xml
- 27. NSPopUpButton mũi tên màu
- 28. Regex so sánh thủ công. Cái nào nhanh hơn?
- 29. Bạn nên nhập tên màu thay vì giá trị hex của nó trong CSS?
- 30. Tại sao thuộc tính màu của TPanel hiển thị màu sai khi sử dụng giá trị màu hex?
chọn quả treo thấp nhất. nghiêm túc, bạn nên tối ưu hóa khá nhiều thứ khác trước khi điều này trở thành một vấn đề. –
vâng tôi biết tôi nên tối ưu mọi thứ khác. đó chỉ là một điều đáng nhớ ở phía sau đầu tôi. –
Đây là một câu hỏi thú vị hơn từ quan điểm thiết kế trình duyệt, hơn là từ quan điểm tối ưu hóa web. – Flimzy