Mise en page et rendu à 60 fps
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Atteindre 60 ips dans vos projets est directement lié à l'engagement des utilisateurs et est essentiel à sa réussite. Au cours de cette présentation, Nat et Tom ont évoqué le pipeline de rendu dans Chrome, les causes fréquentes d'abandon de trames et comment les éviter.
Slides
- Un frame mesure 16 ms. Il contient le code JavaScript, les calculs de style, la peinture et la composition.
- Les peintures coûtent très cher. Un "Tempête de peinture" consiste à répéter inutilement des travaux de peinture coûteux.
- Les calques sont utilisés pour mettre en cache des éléments peints.
- Les gestionnaires d'entrée (écouteurs tactiles et à la molette) peuvent arrêter la réactivité. Évitez si possible. Vous ne pouvez pas les limiter au minimum.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2023/02/22 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]