60 fps Düzen ve Oluşturma
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Projelerinizde 60 fps'ye ulaşmak, doğrudan kullanıcı etkileşimiyle ilişkilidir ve başarıya ulaşmak açısından çok önemlidir. Bu konuşmada Nat ve Tom, Chrome'un oluşturma hattından, kayıp karelerin bazı yaygın sebeplerinden ve bunlardan nasıl kaçınılacağından bahsetti.
Slaytlar
- Bir çerçeve 16 ms uzunluğunda. JavaScript, stil hesaplamaları, boyama ve birleştirme içerir.
- Resim yapmak aşırı pahalı. Boya Fırtınası, pahalı boya çalışmalarını gereksiz yere tekrarlamanıza neden oluyor.
- Katmanlar, boyanan öğeleri önbelleğe almak için kullanılıyor.
- Giriş işleyicileri (dokunmatik ve fare tekerleği dinleyicileri) yanıt vermeme sağlayabilir. Bu durumlardan kaçının. Bunların sayısını minimumda tutamayacağınız bir yer.
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-25 UTC.
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2025-07-25 UTC."],[],["Maintaining 60fps is vital for user engagement. The rendering pipeline involves JavaScript, styling, painting, and compositing within a 16ms frame. Painting is resource-intensive, particularly in \"Paint Storms,\" where it's repeatedly done unnecessarily. Layers cache painted elements to reduce this burden. Input handlers, such as touch and mousewheel listeners, can significantly impact responsiveness; thus, their usage should be minimized.\n"]]
