Simplify paint complexity and reduce paint areas
Paint is the process of filling in pixels that eventually get composited to the users' screens. It is often the longest-running of all tasks in the pipeline, and one to avoid if at all possible.
Boya karmaşıklığını azaltın ve boya alanlarını azaltın Boyama, sonunda kullanıcının ekranında birleştirilecek pikselleri doldurma işlemidir. Genellikle ardışık düzendeki tüm görevler arasında en uzun süre çalışan görevdir ve mümkünse kaçınılması gereken bir görevdir. Özet Dönüşümler veya opaklık dışındaki herhangi bir özelliğin değiştirilmesi her zaman boyamayı tetikler. Boya, genellikle piksel ardışık düzeninin en pahalı parçasıdır. Mümkün olduğunda bu tür durumlardan kaçının. Katman tanıtımı ve animasyonların koordinasyonu yoluyla boyama alanlarını azaltın. Boya karmaşıklığını ve…
saved by
related reading
- Utilizza solo proprietà solo per il compositore e gestisci il numero di livelliweb.dev
- Inside look at modern web browser (part 3) | Blog | Chrome for Developersdeveloper.chrome.com
- Populating the page: how browsers work - Performance | MDNdeveloper.mozilla.org
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- An Introduction to the Browser Rendering Pipelinewebperf.tips
- Text Rendering Hates You - Faultlorefaultlore.com
- Inside look at modern web browser (part 1) | Blog | Chrome for Developersdeveloper.chrome.com
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Render-tree Construction, Layout, and Paint | Articles | web.devdevelopers.google.com
- Creating Daylight | The Shadows | Blogbasement.studio
- Improving Load Performance - Chrome DevTools 101youtube.com
- JavaScript Loading Priorities in Chromeaddyosmani.com