Jak działa przeglądarka

Anatomia nowego Firefoxa w niezwykle przystępnej, komiksowej formie

[Lin Clark] WebRender

[Lin Clark] Inside a super fast CSS engine

Narzędzia deweloperskie

[Nolan Lawson] accurately measuring layout on the web

Rendering pipeline

[Paul Lewis] the anatomy of a frame, 2016

[Paul Lewis] google/performance/rendering/ - Pixel pipeline

[Paul Lewis] Stick to transform and opacity changes for your animations

• JavaScript
• Style calculations
• Layout, position and space
• Paint, drawing out text, colors, images, borders, and shadows
• Compositing Layers

• Stick to transform and opacity changes for your animations.
• Promote moving elements with will-change or translateZ.
• Avoid overusing promotion rules; layers require memory and management.