We want to hear from you!Take our 2021 Community Survey!
This site is no longer updated.Go to react.dev

Optimiser les performances

These docs are old and won’t be updated. Go to react.dev for the new React docs.

These new documentation pages teach modern React:

En interne, React fait appel à différentes techniques intelligentes pour minimiser le nombre d’opérations coûteuses sur le DOM nécessaires à la mise à jour de l’interface utilisateur (UI). Pour de nombreuses applications, utiliser React offrira une UI rapide sans avoir à fournir beaucoup de travail pour optimiser les performances. Néanmoins, il existe plusieurs façons d’accélérer votre application React.

Utiliser la version de production

Si vous mesurez ou rencontrez des problèmes de performances dans vos applications React, assurez-vous que vous testez bien la version minifiée de production.

Par défaut, React intègre de nombreux avertissements pratiques. Ces avertissements sont très utiles lors du développement. Toutefois, ils rendent React plus gros et plus lent, vous devez donc vous assurer que vous utilisez bien une version de production lorsque vous déployez l’application.

Si vous n’êtes pas sûr·e que votre processus de construction est correctement configuré, vous pouvez le vérifier en installant l’extension React Developer Tools pour Chrome. Si vous visitez un site avec React en production, l’icône aura un fond sombre :