Composite layers trong browser là gì?

Browser tách elements thành layers riêng, composite chúng bằng GPU.

• Trigger composite layer: transform, opacity, will-change, position: fixed.
• Tách layer = animate mượt hơn nhưng tốn memory.
• Kiểm tra trong DevTools > Layers.

The browser separates elements into distinct layers and composites them using the GPU.

• Composite layer triggers: transform, opacity, will-change, position: fixed.
• Separate layers enable smoother animations but consume more memory.
• Inspect in DevTools > Layers.